Vue插件element 使用错误汇总

1：Form表单相关

  表单设置：

<el-form :model="value" :rules="rules" ref="producrForm" label-width="150px" style="width: auto" size="small">

    表单元素如下：商品名称

<el-form-item label="商品名称：" prop="keyword" >
   <el-input v-model="value.name" style="width: 300px"></el-input>
</el-form-item>

  定义rules：

const defaultValue = {
    id:null,
    name: null,
    price: 0,
  }
export default {
    data() {
      return {
        value: Object.assign({}, defaultValue),
        rules: {
          keyword: [
            {required: true, message: '请输入商品名称', trigger: 'blur'},
            {min: 2, max: 140, message: '长度在 2 到 140 个字符', trigger: 'blur'}
          ],
        }
      }
    },
}
 

 运行后报错：

具体错误原因：

上面是element官方给的参数解释：

 将代码中prop的值改为name与model一致问题解决。