vue.js - 在另一个选项卡中显示工具栏 crud 表

Question

我有一个 crud 表，也注册了一个全局组件，在这个表中我有一个用于 crud 操作的工具栏。

假设我有一个 v-tabs 组件，它在“tab 1”中包含“tab 1”和“tab 2”<br /> 我
在“tab 2”中有这个 crud 表我有这个表的详细信息，其中包含像这样的输入v-text-field 或 v-combobox…</p>

我的问题是：是否可以在“选项卡 2”中的“选项卡 1”中的 crud 表中显示收费栏？
→ 如果是，我想在两个选项卡中显示工具栏，
如何？

Answer 1

您不能在两个选项卡项中使用相同的工具栏，因为您将在添加组件的每个位置创建工具栏的新实例。

一种解决方案是将工具栏数据（如输入查询等）保留在父元素中。使用事件来修改更改数据并将其作为道具传递回工具栏。如果您将相同的数据传递给两个工具栏，它们的功能就好像它是同一个工具栏一样。

另一种解决方案是将工具栏放在选项卡项目之外。您可以尝试在选择其他选项卡时将其放在之间v-tabs并v-tab-items用来v-show隐藏。