学无先后,达者为师

网站首页 编程语言 正文

el-tree在el-form中的rules校验

作者:RAY_CHEN. 更新时间: 2022-02-10 编程语言
<el-tree ref='addtree' :data="data" @check-change="handleCheckChange" show-checkbox node-key="id" default-expand-all :expand-on-click-node="false">
              <span class="custom-tree-node" slot-scope="{ node, data }">
                <span>{{ node.label }}</span>
                <span>{{node.data.id}}
</el-tree>

思路:判断el-tree是否选择 ,判断tree的getCheckedKeys()数组是否有内容

1.给el-tree加ref , addtree

2.自定义校验

var checkgroups = (rule, value, callback) => {
      let arr = this.$refs.addtree.getCheckedKeys();
      if (arr.length == 0 || !arr) {
        callback(new Error("请选择系统账号组"));
      } else {
        callback();
      }
    };

原文链接:https://blog.csdn.net/weixin_44707050/article/details/122947957

栏目分类
最近更新