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;
}
}
}
}
分享到:
相关推荐
今天小编就为大家分享一篇vue elementUI tree树形控件获取父节点ID的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
主要介绍了Element-ui el-tree新增和删除节点后如何刷新tree的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
主要介绍了ElementUI Tree 树形控件的使用并给节点添加图标,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
最近用到了el-tree控件,主要是数据的格式,按照官网的数据格式来就可以显示节点的树形结构了。 代码参考很多 这里给出一个比较好的链接:https://www.jb51.net/article/181990.htm 代码说明在注释里写的很详细...
Tree 树形控件—官方文档地址 用清晰的层级结构展示信息,可展开或折叠。 基础用法 基础的树形结构展示。 <el data=data props=defaultProps node-click=handleNodeClick></el> [removed] export default { data...
selectTree tree控件 日历控件 tree控件 radio CheckBox demo 直接可以用 案例多多
需求: vue-cli项目树形控件:一级节点为本地节点,默认展开一级节点,增删改后局部刷新数据。 增加节点,点击确定后局部刷新,渲染新数据。 源码 element组件样式 <el-tree class="treeitems" :data="data...
本文通过实例代码给大家介绍了Element-ui tree组件自定义节点使用方法 ,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
其实tree的有些方法用起来是很方便的, this.$refs.tree.getCheckedKeys();这个原生态的方法。官方文档上说的是,返回一个数组。有了这个方法,我们就可以得到选中的每个节点的id,拿到了id,那所有的问题就...
今天小编就为大家分享一篇layui-tree实现Ajax异步请求后动态添加节点的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
tree 控件,多语言支持!
Element中Tree树结构组件中实现Ctrl和Shift多选.doc
本小程序能实现右击树形控件实现节点动态添加删除修改,希望对vc初学者有帮助!(VC 6.0实现)
这是一个自绘的Tree控件。使用者可以设置控件的背景图,使界面多姿多彩,美观大方。
主要介绍了element-ui tree结构实现增删改自定义功能代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧