如何动态控制表单字段的required属性?
通过修改代码可以实现控制'arrears'对应的'required'的值为'true'或'false'。目前代码中'required'的值是通过'this.firstCheck'来控制的,而'this.firstCheck'的值是通过'firstCheck'属性初始化的,所以无法动态改变'arrears'的'required'属性。要实现动态改变'arrears'的'required'属性,可以将'rules'对象中'arrears'的'required'属性改为一个函数,然后在'valid()'方法中根据条件返回不同的验证规则,例如:
rules: {
// ...
arrears: [
{ required: () => this.mdl.arrearsOrNot === 1 && this.firstCheck, message: '请输入借款金额', trigger: 'change' }
],
// ...
},
这样就根据'arrearsOrNot'和'firstCheck'的值动态控制了'arrears'的'required'属性。
原文地址: https://www.cveoy.top/t/topic/qxwW 著作权归作者所有。请勿转载和采集!