在使用iview
的tree组件时,加载的树节点有4000左右时,出现点击node
展开卡顿的现象(点击箭头不会卡顿)
点击node
展开我是这么去实现的,点击node
时通过修改点击的node
的expand
为true
或false
决定展开还是关闭树节点。
<div>
<Tree :data="stree_data" @on-select-change="click_layer"></Tree>
</div>
....
data(){
return{
stree_data: [],
}
},
methods: {
click_layer(data){
// 是否是目录
if (data[0].type == "dir"){
// 是否展开
data[0].expand = !data[0].expand;
}else{
// 加载信息
bus.$emit("change_app_charts", data[0]);
}
// tips 使用中发现点击获取节点数据(data[0].type)时,每第二次点击会拿不到数据。以下操作是避免二次点击报错,但是也取消了选中状态
data[0].selected = !data[0].selected;
},
}
是不是我的使用方式有问题呢?
我现在也有这个问题,现在考虑分页解决这个问题