vue递归组件如何做删除操作?

发布于 2022-09-11 23:34:33 字数 298 浏览 18 评论 0

项目中用到了一个vue官方递归组件的例子: 递归组件,但是这个地理中没有提供删除删除,自己又需要删除操作,所以该如何做到呢?

自己分析了一下原因,这个组件需要的数据格式为 树结构,而组件层级是非常多的,所以父子组件通信感觉是行不通的,所以我想知道,子组件、孙组件、更深层组件是否能直接调用到最外层方法?如果可以,我将原始数据结构做成id、pid类的list,通过计算属性给组件提供值,这样删除就差不多可行了吧!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

溇涏 2022-09-18 23:34:33

数据控制视图。
你直接操作数据就可以了吧。
关于层级通讯问题,其实你大可以在树组件的根组件保存所有节点组件的引用,这样你想调用哪个组件的方法,都可以很方便达到目的。
近段时间写了很多次树组件,前两天写了一个实现总结,还是很容易扩展的,可以参考下:
http://wintc.top/article/13
希望对你有帮助,有问题欢迎探讨~

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文