在使用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绑定的名字改成一样即可解决
具体是啥原理还不知道。有知道的小伙伴可以评论告诉我