element 表单例子报错

Question

1. element 表单例子报错 代码貌似没问题啊,都没找到fields这个属性;

<el-col :span="10" class="demoBox">
    <el-form ref="form" :model="form" label-width="80px">
      <el-form-item label="活动名称">
        <el-input v-model="form.names"></el-input>
      </el-form-item>
      <el-form-item label="活动区域">
        <el-select v-model="form.regions" placeholder="请选择活动区域">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">立即创建</el-button>
        <el-button>取消</el-button>
      </el-form-item>
    </el-form>
</el-col>

form : {
    names: '',
    regions: '',
},
onSubmit() {
  console.log(this.form);
},

报错信息:

vue.runtime.esm.js?2b0e:619 [Vue warn]: The computed property "fields" is already defined in data.

found in

---> <ElForm> at packages/form/src/form.vue
       <Home> at src/views/Home.vue
         <ElMain> at packages/main/src/main.vue
           <ElContainer> at packages/container/src/main.vue
             <App> at src/App.vue
               <Root>

Answer 1

搜了下，应该是vee-validate这个组件的问题

解决方法可参考
The computed property "fields" is already defined in data.

VUE WARN：The computed property "fields" is already defined in data