<base-form-line>
<base-form-item label="开户银行:" prop="openingBank">
<template v-if="isAdd||isEdit">
<el-input placeholder="请输入" style="width:30rem;" v-model="formItem.openingBank"></el-input>
</template>
<span v-if="isInfo">{{formItem.openingBank}}</span>
</base-form-item>
</base-form-line>
ruleValidate: any = {
...
openingBank: [],
}
//carNo为银行卡号,银行卡号有内容时,openingBank为必填
@Watch('formItem.cardNo', {
deep: true,
immediate: true,
})
WatchtempCardNo(data:any) {if(data) {
this.ruleValidate['openingBank'] = [{
required: true, message: '不能为空', trigger: 'change'
}]
}else{
this.ruleValidate.openingBank = [{ required: false}]
}
}
解决了 *号显示隐藏问题,缺点是必须触发保存按钮才能验证 ‘不能为空’的显示隐藏
