问题标签 [vuetify-tabs]

我对 Vue 很陌生。我的应用程序有一个非常标准的布局，包括顶部导航、侧边导航、页脚和内容区域。内容区域分为两部分，左侧是树，右侧是选项卡式界面。我正在使用带有嵌套动态路由的 vue 路由器。

TreeAndTab.vue

我有两种布局 - Default.vue 和 TreeAndTab.vue。当应用加载时，使用 Default.vue 并且页面进一步加载 TreeAndTab.vue 布局。

TreeAndTab.vue

需求.vue

我想要的流程如下：

1. 当页面加载时，树中的第一个项目被选中。
2. 当用户单击树中的父节点时，应选择右侧的第一个选项卡并加载适当的内容。它是路由器中的父路由。
3. 当用户单击子负载时，应根据路由器加载第二个选项卡。

我看到树的行为正确，地址栏上显示了正确的路线。第一个选项卡的组件也正确加载。但是，当我单击叶节点时，即使正确创建了路由，选项卡也不会更新。选项卡既没有更改，也没有加载适当的组件。我尝试了各种选项，包括在选项卡中使用路由名称：to 等，但似乎没有任何效果。

任何帮助深表感谢。如果需要，我可以在 GitHub 上发布代码。

假设我有一个带有两张卡片的用户视图，一张对问题不重要（UserProfilePhoto Card）和另一张（UserDetails Card），代码如下：

我需要向 VTab 或 VTabItem 添加什么来更改 url，比如说

website.com/user/:id/tasks

每当活动选项卡是“任务”时？并且，如果将上述 URL 发送给某人，它会加载用户视图，其中包含用户详细信息卡上的选项卡，其中选择了“任务”，而不是默认的“配置文件”。

vuetify：^2.5.10 vuex：^3.6.2 vue：^2.6.14

我有一个在 v-tabs 中开发的应用程序。在这些选项卡中第一个的子组件中，我有一个

和

由于父组件中的以下计算属性，存储被正确设置

似乎有效：我以这种方式观看它：

至少对我来说，令人惊讶的是，上面的手表在第二个选项卡的另一个组件中实现，直到我访问（即切换到）第二个面板才工作。但是，计算属性在此组件中有效，因为在模板中我可以看到新属性。

首次访问选项卡后，手表继续正常工作。

是否有这样做的理由以及避免访问它以使手表正常工作的方法？

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

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

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

我对vuetify tabs有问题。一切正常，但是当我向 v-tab 添加确切参数时，底栏动画停止工作。选项卡正确显示，但 v-tabs-slider-wrapper 位置未更新。

没有确切的参数是可以的。

如何修复此动画？

路由.js

课程.vue

问题是自动完成将在应用程序选项卡上显示“无可用数据”。当我单击 org 选项卡上的自动完成功能时，它无法显示“无可用数据”...

应用程序.vue

搜索视图.vue

我的朋友试过源代码，他说它有效。他说vuetify版本有问题。但我不知道有什么问题...

我有产品列表，我想在页面上显示它们

这是产品的输出 列表

如何只制作（假设最多连续 6 个产品）并且每个产品之间的利润相同？

我有这个代码

问题是虽然按钮的数量超过了最大宽度（溢出）但显示箭头仍然被禁用。我必须单击某个按钮，然后它才会启用。有什么建议吗？