【element】应用过程中用到的一些问题及解决

最新推荐文章于 2024-02-27 20:23:25 发布

aiqqvb

最新推荐文章于 2024-02-27 20:23:25 发布

阅读量450

点赞数 2

分类专栏： vue element 文章标签： Vue.js el-tree 懒加载节点刷新数据更新

本文链接：https://blog.youkuaiyun.com/aiqqvb/article/details/122842266

版权

vue 同时被 2 个专栏收录

5 篇文章

订阅专栏

element

1 篇文章

订阅专栏

这篇博客介绍了如何在Vue.js的el-tree组件中实现懒加载，并提供了一个方法来刷新特定节点的数据。通过设置节点的loaded属性为false，然后重新展开节点，可以触发load方法，从而达到刷新节点数据的效果，确保每次点击都能获取最新数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-tree

懒加载只执行一次
有时我们需要点击节点就进行一次加载，可以使用下面的代码进行节点刷新

// 刷新某个树节点，重点！！！！
refreshNode(key) {
    // 获取当前节点，key可以在@node-click和:load绑定函数的回调参数node用变量存储后有需要刷新的地方取node.key
    let node = this.$refs.tree.getNode(key);
    //  设置未进行懒加载状态
    node.loaded = false;
    // 重新展开节点就会间接重新触发load达到刷新效果
    node.expand();
 },