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

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

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

阅读 437
评论
    1 个回答
    • 7.5k

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

      撰写回答

      登录后参与交流、获取后续更新提醒