2023年6月22日发(作者:)
vue-表格树结构-懒加载-解决⼦节点修改删除后,不刷新的问题问题:⼦节点修改删除后,⼦节点视图不刷新初次解决办法:export default { inject: ['sizeReload'], }⼦节点变化后执⾏:load()⼦节点变化后,进⾏页⾯的刷新操作,但是刷新后,节点会⾃动折叠,且全部刷新⽤户体验不好。最终解决办法:效果图:data:maps: new Map(),点击展开:// 数据懒加载 load(tree, treeNode, resolve) { const pid = ; (pid, { tree, treeNode, resolve }); //将当前选中节点数据存储到maps中 this.$api .post(this.$inceFind, { tid: }) .then(result => { if ( == 200) { resolve(); } }); },增加、删除、修改-⼦节点:this.$.$eeNodeMap—根据实际情况写const pid = inceId; //取出当前删除⾏的⽗级idconst { tree, treeNode, resolve } = (pid); //根据pid取出对应的节点数据this.$set( this.$.$eeNodeMap, pid, []); //将对应节点下的数据清空,从⽽实现数据的重新加载(tree, treeNode, resolve);
发布者:admin,转转请注明出处:http://www.yc00.com/news/1687385738a6161.html
评论列表(0条)