elementUI Tree树形结构 复选框

待我称王封你为后i 2022-10-14 12:54 354阅读 0赞

html

  1. <el-tree
  2.   :data="grantData"
  3.      show-checkbox
  4.      node-key="id"
  5.      :default-checked-keys="checked"
  6.      :props="defaultProps"
  7.      accordion
  8.      @check="handleCheckChange"
  9.    >
  10.    </el-tree>

data

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

methods

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

发表评论

表情：
评论列表 （有 0 条评论，354人围观）

还没有评论，来说两句吧...

相关阅读