elment tree实现树节点只可单选

前端小蔡姬

已于 2022-05-24 16:01:51 修改

阅读量2k

点赞数 2

文章标签： elementui vue.js 前端 javascript html

于 2022-05-24 15:25:44 首次发布

本文链接：https://blog.csdn.net/x_nweBorder01k/article/details/124947766

版权

父子不关联：

:check-strictly="true"

实现单选：

@check-change

<el-tree
    :data="treeData"
    node-key="id"
    ref="tree"
    :check-strictly="true"     //严格遵循父子不关联
    show-checkbox
    @check-change="handleCheckChange"
    :props="treeDefaultProps">
    <span slot-scope="{ node }">
       <span><i class="custom_icon"></i>{{ node.label }}</span>
    </span>
</el-tree>

handleCheckChange(data, checked, indeterminate){
      if (checked) {
        this.dirId = data.id
        this.$refs.tree.setCheckedKeys([data.id])
      }
    },