element折叠、展开树
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
树代码:
注意:
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
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
8 个月前
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 8 个月前
更多推荐
已为社区贡献9条内容
所有评论(0)