elementUI 表单验证 在trigger blur change 下无法触发验证的情况,怎么自定义事件触发

这个是我在用VueTreeselect 树形下拉框中遇到的表单验证问题,在我的博客中https://blog.csdn.net/qq_42092177/article/details/109224217,可以看VueTreeselect的使用

VueTreeselect中表单验证中trigger和blur 都无法触发验证,后来通过VueTreeselect中有select回调事件,进行在里面触发  element表单方法 this.$refs['officeTree'].clearValidate()单个清除表单验证

<el-form-item label="所属科室:"
                      prop="belongOffice"
                      ref="officeTree">
          <TreeSelect @select="treeSelect"
                      :searchable="false"
                      style="width:220px"
                      v-model="editForm.belongOffice"
                      :options="officeTree"
                      placeholder="请选择科室"></TreeSelect>

 

treeSelect (node, instanceId) {
      this.$refs['officeTree'].clearValidate()
    },
editRules: {
        belongOffice: [{ required: true, message: '请选择所属科室', trigger: 'change' }],
      },

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值