ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

iview表单验证规则-动态新增

2021-12-16 11:30:01  阅读:186  来源: 互联网

标签:验证 ruleValidate required 表单 openingBank formItem true any iview


<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}]
  }
}

解决了 *号显示隐藏问题,缺点是必须触发保存按钮才能验证 ‘不能为空’的显示隐藏

标签:验证,ruleValidate,required,表单,openingBank,formItem,true,any,iview
来源: https://blog.csdn.net/qq_25103439/article/details/121970439

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有