这个是我在用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' }],
      },

 

Logo

前往低代码交流专区

更多推荐