admin管理员组文章数量:1641382
根据控件是否禁用,开启或者关闭该控件的必须项检查。
<Form-Item prop="link_address" :show-message="!disableLinkAddress" label="链接地址">
<i-Input :disabled="disableLinkAddress" placeholder="Enter something..." v-model="formModel.link_address" ></i-Input>
</Form-Item>
<Form-Item prop="menu_name" label="菜单名称">
<i-Input type="text" placeholder="Username" v-model="formModel.menu_name">
<Icon type="ios-person-outline" slot="prepend"></Icon>
</i-Input>
</Form-Item>
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不能自动触发了。
请教解决思路和方法。
版权声明:本文标题:iview 动态设置disabled_iview表单中,如何取消对 disabled的控件的验证? 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://m.elefans.com/xitong/1729317318a1195455.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论