elment-ui tree单选实现

elment-ui 里面的树形控件,默认是多选的,如果你仔细看过各个属性和方法就可以实现单选。

  1. check-strictly 关闭父子关联
  2. node-key 设置唯一标识
  3. show-checkbox 允许节点可选
  4. ref=“tree”
  5. 添加方法 @check=“treeChange”

            

check方法:

    treeChange(now, tree) {
        this.$nextTick(() => {
          this.$refs.tree.setCheckedKeys([now.id], true); //[now.id]表示当前只选择只一个id标识
        });
    }

获取选中的节点key值:

let kes= this.$refs.tree.getCheckedKeys();

你可能感兴趣的:(#,vue)