【问题标题】:Show toolbar crud Table in another Tab在另一个选项卡中显示工具栏 crud 表
【发布时间】:2021-12-21 07:38:33
【问题描述】:

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

假设我有一个 v-tabs 组件,其中包含“tab 1”和“tab 2”
在“选项卡 1”中,我有这个 crud table
在“选项卡 2”中,我有此表的详细信息,其中包含输入 比如 v-text-field 或 v-combobox…

我的问题是:是否可以在“选项卡 2”中的“选项卡 1”的 crud 表中显示收费栏?
→ 我想在两个选项卡中显示工具栏
如果是怎么办?

【问题讨论】:

  • 请提供一些代码给我们看看你做了什么。不然真的很难帮你!

标签: vue.js vue-component vuetify.js v-data-table vuetify-tabs


【解决方案1】:

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-03
    • 2016-08-19
    • 1970-01-01
    • 2011-07-10
    相关资源
    最近更新 更多