iview的tree控件node很多时出现卡顿

在使用iviewtree组件时,加载的树节点有4000左右时,出现点击node展开卡顿的现象(点击箭头不会卡顿)

点击node展开我是这么去实现的,点击node时通过修改点击的nodeexpandtruefalse决定展开还是关闭树节点。

<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;
    },
}

是不是我的使用方式有问题呢?

阅读 9.7k
2 个回答
新手上路,请多包涵

我现在也有这个问题,现在考虑分页解决这个问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题