Vue组件递归调用

时间：2023-03-27 22:42:34 HTML

在实际项目中，除了基本的树结构，有时还需要扩展。下图层次关系的递归调用，红框部分为全递归组件。父级：template{{item.name.slice(0,2)}

js://....不完整代码importsecondtreefrom'./dept/childrenteer.vue'//....不完整代码components:{secondtree}//....不完整代码子级：

最后放一些重要的废话：1：子组件，需要递归使用js中的组件是为了声明name(name:"childrentree")以便子组件可以直接使用自己。2：本例只从二级节点开始递归，所以写入和发送是多余的，可以根据需要简化。3：需要根据需要区分子组件的事件。只有next-to-close上层事件（this.$emit('unActiveParent');）或顶级事件（this.$emit('closetopChildren');）。可以通过接受的方法名来区分4：展开一个节点后，可以使用节点子集的顶部，即大括号的顶部：（根据具体场景决定是否使用$nextTick)document.getElementById(data.id).scrollIntoView({behavior:"smooth"})有问题请指正，有更简洁的做法请留下链接(????)

上一篇：这18个网站可以让你的页面背景变酷

下一篇：关于Vue3中defineProps的使用

Vue组件递归调用相关文章