对于vue递归出来的组件，点击事件如何知道点击的是哪一个数据

Question

比如，我有一组递归式的数据

{

    nodeName: "校长",

    childNode: [

        {

            nodeName: '副校长1',

            childNode:[

                {

                    nodeName: '胡主任',

                    ...

                }

            ]

        },

        {

            nodeName: '副校长2',

            childNode:[

                {

                    nodeName: 'liu主任',

                    ...

                }

            ]

        },

    ]

    

}

像这样的数据组织结构，用vue渲染递归组件的方式渲染出来后，类似与这样的：

那么，当我点击图上某一个button时，数据层如何知道点击的是哪一个数据对象。比如点击后改变“名字”，应该如何操作。还是说我的数据组织方式有问题，不应该用json式的，用树结构来表示更好？

Answer 1

渲染的时候怎么渲染上去的，然后绑定click事件的时候把这个值传出来不就行了?