从Vuejs中的多个Treeview组件中选择数据



我在vue中有多个vuetify树视图,我想从每个树视图中检索我选择的节点名称。这是一种合并工具,左边有一个树视图,右边有一个。使用selected.name作为中间模板上的模型来显示这只会得到我的右侧树视图选择(而且它不依赖于我单击的第一棵树(。请根据节点点击/选择,如何区分这两棵树?

处理此问题的一种方法是从每个树视图中发出不同的事件。你可以在树视图组件上有一个字符串类型的道具,你可以将它附加/前置到任何发射的事件中。

这意味着,如果在Treeview发出事件"hello"之前,您可以为左Treeview传递道具"left tree",并让Treeview组件内部的事件发出"left tree-hello"。对于右侧的Treeview,您会传入"右侧树",从而发出"右侧树你好"。

或者,您可以在父组件上有不同的事件侦听器,一个用于左侧,另一个用于右侧。

最新更新