elementUI Tree树形结构复选框

最新推荐文章于 2025-05-14 16:16:41 发布

一天28小时

最新推荐文章于 2025-05-14 16:16:41 发布

阅读量892

点赞数

本文链接：https://blog.csdn.net/Programmerwhite/article/details/117125696

版权

html

 <el-tree
  :data="grantData"
     show-checkbox
     node-key="id"
     :default-checked-keys="checked"
     :props="defaultProps"
     accordion
     @check="handleCheckChange"
   >
   </el-tree>

data

  defaultProps: {  // 规定显示项
   	 children: "children",
     label: "title",
   },
   grantData: [],  // 树显示
   checked: [],   //  用于回显使用
   checkedArray:[]  // 选中的节点组成的数组

methods

 handleCheckChange(data, checked) {
 		// checkedArray 为拿到的选中的数组
      this.checkedArray = checked.halfCheckedKeys.concat(checked.checkedKeys);
    },