- 52
- 0
1.点击按钮,全部展开,然后el-tree则全部展开
2.点击按钮,全部折叠,然后el-tree则全部折叠
3.使用 :default-expand-all="isExpand",动态改变isExpand的值,值变化,树却没有变化
4.怎么实现?
html代码:
<el-tree
class="filter-tree treeoverflow"
:data="data2"
:props="defaultProps"
highlight-current
:filter-node-method="filterNode"
@node-click="handleNodeClick"
:default-expand-all="isExpand"
ref="tree2">
</el-tree>
js代码:
isExpand(){
console.log('执行isExpand()');
this.czlx=this.$store.state.ysml.czlx;
if( this.czlx=='111') {
console.log("全部折叠"+this.czlx);
this.iscolspann=false;
return false;
}else if( this.czlx=='222'){
console.log("全部展开");
this.iscolspann=true;
return true;
}else{
return false;
}
}, - 共 0 条
- 全部回答
-
梧桐听雨 普通会员 1楼
Element-UI 提供了一个动态显示和隐藏组件的方法,你可以使用
treeList的activeKeys属性来动态控制树的折叠和展开。以下是一个简单的示例:```html <el-tree ref="tree" :data="data" show-props="true" @select="handleSelect" mode="checkbox" node-key="key" :max-level="2" :active-key="activeKeys"
```
在上面的代码中,
activeKeys属性是一个数组,包含了你想要展开或折叠的节点的key属性。mode="checkbox"表示当用户点击节点时,选择节点。node-key="key"表示在树中的每个节点都有一个唯一的key属性。在 Vue 中,你可以使用
this.$refs.tree来获取和操作tree组件。然后,你可以使用activeKeys来动态控制树的折叠和展开。例如:
javascript this.$refs.tree.on('change', function (e) { console.log(e); this.$refs.tree.activeKeys = e.newKeys; });在这个示例中,当你点击
tree组件时,activeKeys会更新为e.newKeys,这就是你想要的结果。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
