ElementUI Tree控件动态刷新节点

最新推荐文章于 2024-07-03 17:41:55 发布

sense_jw

最新推荐文章于 2024-07-03 17:41:55 发布

阅读量1.1w

点赞数 1

分类专栏： elementUI 文章标签： javascript ui java ViewUI

本文链接：https://blog.csdn.net/sense_jw/article/details/84913836

版权

elementUI 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、在页面中为tree命名，如


<el-tree ref="ftree"
   :data="mytree"
   :props="defaultProps"
   node-key="id"
   :render-content="renderContent">
</el-tree>

2、在方法中通过refs获取tree对象

var tree = this.$refs.ftree

3、根据key查找节点，然后修改children数组


refreshContent: function(tree, id){
    for(var i=0; i<tree.children.length; i++) {
        if(tree.children[i]["id"] == id){
            tree.children[i]["name"] = "要修改的内容";
            var value = tree.children[i];
            tree.children.splice(i, 1, value);
            return true;
        } else if(tree.children[i].children != null && tree.children[i].children.length > 0){
            var flag = this.refreshContent(tree.children[i], id);
            if(flag){
                // 如果不逐层更新，界面内容不会刷新
                var value = tree.children[i];
                tree.splice(i, 1, value);
                return true;
            }
        }
    }
}