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

Posted 2023-02-16

【中文标题】从 Vuejs 中的多个 Treeview 组件中选择数据

【英文标题】：Selecting data from multiple Treeview components in Vuejs

【发布时间】：2021-12-17 18:03:52

【问题描述】：

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

【参考方案1】：

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

意思是，如果在 Treeview 发出事件 'hello' 之前，您可以为左 Treeview 传入 prop 'left-tree'，并让 Treeview 组件内的事件发出 'left-tree-hello'例子。对于正确的 Treeview，您将传入“right-tree”，从而发出“right-tree-hello”。

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