vue-element Form表单验证没错却一直提示错误

在使用element-UI 的表单时，发生一个验证错误，已输入值但验证的时候却提示没有输入

修改前 <el-form-item>中的prop绑定的是cus_name，而item里面的控件绑定的名称是value

<el-form :model="ruleForm" :rules="rules" ref="rules"
  label-position="left" label-width="100px">
    <el-form-item label="客户:" prop="Cus_Name">
      <el-select
        placeholder="请选择"
        filterable
        v-model="ruleForm.value"
        remote
        :remote-method="remoteMethod"
        :loading="loading"
        style="width:100%"
      >
        <el-option
          v-for="item in ruleForm.options"
          :key="item.Cus_ID"
          :label="item.Cus_Name"
          :value="item.Cus_ID"
        ></el-option>
      </el-select>
    </el-form-item>

data() {
    return {
      loading: false,
      ruleForm: {
        value: "", //选择的值
        options: [], //搜索出来的值
        Address: "",
        //sku搜索列表
        skuvalue: "",
        optionssku: [],
        //销售金额
        price: "",
        qty: "",
        skus: []
      },
      rules: {
        Cus_Name:{ required:true,message:'请选择客户',trigger:'blur'},
        Address:{required:true,message:'请输入客户地址',trigger:'blur'}
      }
    };
  },

只需要把prop和《el-form-item》下的v-model绑定的名字改成一样即可解决

具体是啥原理还不知道。有知道的小伙伴可以评论告诉我