ElementUI Tree控件动态刷新节点

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