baozhengrui

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

el-tree前面的复选框不能多选变成单选

<el-tree
    :data="dataTree"
    show-checkbox
    :default-expand-all="false"
    :check-strictly="true"
    node-key="label" 
    ref="tree"
    highlight-current
    accordion
    @node-click="handleNodeClick"
    @check="handleCheck"
    :props="defaultProps">
</el-tree>

handleNodeClick(data,node){ // 节点的点击事件
  console.log('tree', data);
  console.log('tree', node);
  window.localStorage.setItem("node", node);

  if (node.checked === true) { // 当树被选中时
  }
}


 handleCheck(nodes, resolve) {
    //nodes节点所对应的对象;resolve选中状态对象
    if (resolve.checkedKeys.length > 0) {
        this.$refs.tree.setCheckedKeys([nodes.label]);
    }
},

posted on   芮艺  阅读(76)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 一文读懂知识蒸馏
· 终于写完轮子一部分:tcp代理 了,记录一下
历史上的今天:
2022-08-15 js 上传图片文件,限制格式、大小和尺寸
点击右上角即可分享
微信分享提示