点击弹出表单第一次是正常的 但是点击第二次 那个多选框的自定义检验会自动触发

Question

elemen表单校验，点击弹出表单第一次是正常的 但是点击第二次 那个多选框的自定义检验会自动触发
具体代码是

<el-form-item label="选择部门" :label-width="formLabelWidth" prop="processnameform"
                            :validate-on-rule-change="false">
                            <el-select placeholder="请选择" v-model="processnameform" ref="ref" style="width: 100%;">
                                <el-option v-show="false" label="" value=""></el-option>
                                <el-tree :data="treeList" ref="tree" show-checkbox check-on-click-node node-key="uuid"
                                    :props="defaultProps" :check-strictly='true' :accordion="true"
                                    :default-checked-keys="processuuids" @check-change="handleCheckChange">
                                </el-tree>
                            </el-select>
                        </el-form-item>

js-------------------------===
export default {
data() {
  let processnameform = (rule, value, callback) => {
            let arr = this.$refs.tree.getCheckedKeys(); // 在此获取选中的树形数据
            this.$nextTick(() => {
                if (arr.length == 0 || !arr) {
                    return callback(new Error('请选择工厂'))
                } else {
                    return callback()
                }
            })
        }
 return {
  rules: {
           
                processnameform: [{ required: true, validator: processnameform, trigger: "change" }],
            },
}
}


}
怎么解决这个问题  其中
      this.$nextTick(() => {
                this.$refs.form.clearValidate();
              this.$refs.form.resetFields();
            })
都用过了  不生效

Answer 1

【相关推荐】

• 你可以看下这个问题的回答https://ask.csdn.net/questions/334083
• 你也可以参考下这篇文章：elemetn 表格行与行之间实现上移下移

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^