本文探讨了在iview框架中，如何根据控件的disabled状态动态调整表单验证。当disableLinkAddress为true时，链接地址字段link_address不再进行必填验证，反之则恢复验证。在实现过程中遇到的问题是，设置disabled后，尽管改变了验证规则，但'blur'触发的验证未生效。作者寻求解决方案以确保在焦点离开控件时能正确触发validate。
根据控件是否禁用，开启或者关闭该控件的必须项检查。
disableLinkAddress为true时，不对链接地址这个控件做检查
disableLinkAddress为false时，对链接地址这个控件做检查
formRules: {
menu_name: [{required: true, trigger: 'blur'}],
link_address: [{required: true, message: '链接地址不能为空', trigger: 'blur'}]}
watch: {
'formModel.parent_menu_seq': function (newValue, oldValue) {
var self = this;
if (newValue == 0) {
self.disableLinkAddress = true;
self.formRules['link_address'].pop()
} else {
self.disableLinkAddress = false;
self.$nextTick(function () {
self.formRules['link_address'].push({required: true, message: '链接地址不能为空', trigger: 'blur'})
})
}
}
},
我目前的做法遇新是直朋能到是
watch: {
disableLinkAddress: function (newValue, oldValue) {
var self = this;
if (newValue) {
self.formRules['link_address'] = [{required: false, trigger: 'blur'}]
} else {
self.formRules['link_address'] = [{required: true, message: '链接地址不能为空', trigger: 'blur'}]
}
}
},
但是这样做有个问题，trigger: 'blur'失效了，焦点离开控件后，validate不能自动触发了。
请教解决思路和方法。
扫一扫
2784
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
