树代码:

注意:

1、需要设置“node-key”,否则无法获取子节点

2、设置ref节点

  <el-tree
          :data="orgTreeData"
          :props="props"
          node-key="id"
          show-checkbox
          check-strictly
          :expand-on-click-node="false"
          ref="orgTreeRef"
          @check="handleCheckChange"
      />

 

展开节点代码: 

注意:

其中“orgTreeRef”为机构树设置的ref

    // 展开所有节点
    expandTree() {
      for (var i = 0; i < this.$refs.orgTreeRef.store._getAllNodes().length; i++) {
        this.$refs.orgTreeRef.store._getAllNodes()[i].expanded = true;
      }
    },
    // 折叠所有节点
    unExpandTree() {
      for (var i = 0; i < this.$refs.orgTreeRef.store._getAllNodes().length; i++) {
        this.$refs.orgTreeRef.store._getAllNodes()[i].expanded = false;
      }
    },

 

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45 5 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐