AVUE实现动态校验--之根据某校验另一校验生效并显示相应的from项
知识点:findObject发现结构对象
官网用法:
var option = {column:[]}
var prop = this.findObject(option.column,‘prop’);
console.log(prop)//操作对象
.Vue文件动态监听某校验A的变化
- 我的form绑定在标签中, 有些绑定指定在ref中
<avue-crud
v-model=“form”
v-bind=“bindVal”
:page.sync=“page”
v-on=“onEvent”;
- Watch进行相应的监听
watch: {
‘form.校验A的prop’: {
handler: function() {
const 校验B的Prop= this.findObject(option .column, ‘prop’)
if (this.form.校验A的prop === ‘1’) {
// 校验A满足值为‘1’时则在新增/编辑时显示校验B项,并进行相应的及哦啊眼
校验B的Prop.addDisplay = true
校验B的Prop.editDisplay = true
校验B的Prop.rules = [{
required: true,
message: ‘请选择’,
trigger: ‘change’
}]
} else {
校验B的Prop.addDisplay = false
校验B的Prop.editDisplay = false
校验B的Prop.rules = []
}
}
}
},