问题标签 [vuetify-tabs]

当用户单击 v-tab 中定义的选项卡时，我希望能够更新 URL。这样，网址就可以共享了。当另一个用户使用该共享 URL 时，他们应该能够从 URL 中定义的相同选项卡开始。这可能吗？

我在我的页面上添加了几个标签，我试图在刷新页面后保持在同一个标​​签上，但我不知道如何处理这个问题。现在，如果我在 TAB-2 上并刷新页面，它将带我回到第一个选项卡。

当我将编辑器放置在 Vuetify 的选项卡容器中时，插件 quill 发生错误。它是在安装的钩子下创建的。

控制台中的错误是

quill 无效的 Quill 容器未定义

[Vue 警告]：挂载钩子中的错误：“TypeError：无法读取未定义的属性‘on’”

下面是vue文件。

我正在创建一个使用“vuetify”和“vuetify-jsonschema-form”的项目。基本上，问题是<v-app>元素占用 498 x 754.4 空间，即使子组件<v–content>只占用必要的空间 - 498 x 94。我尝试了很多建议 - 添加应用程序属性等 - 但没有进展，所以我在这里发布。

代码：（添加了两个 div 以表明我在所有程序的中间使用它（我只需要在页面的一小部分进行 vuetify））

在 Vue 中，我有一个基本的输入文本字段，用户可以在其中输入内容。我想根据用户类型创建可移动插槽。我有一个按钮，用户可以在其中单击“添加插槽”，然后输入他们想要的内容。检查图片 1。

我想要用户在该字段中键入的位置。无论他们键入什么，都会像第二张图片一样成为一个插槽。

**我搜索了文档和 Vue 文档，它们的示例太复杂了。我想要一个简单的示例来显示模板 div/input + 自动完成和实际检索值的脚本。** 谢谢您的帮助。

我希望 UI 像第二张图片

我有一个带有 v-tabs 的组件。我正在尝试根据所选选项卡更改选项卡元素之外的 div 的内容，但我不知道如何完成它。就像我需要在组件中使用 v-router 并为每个选项卡提供不同的 href。我不希望内容包含 v-tab-item。我想像导航栏一样使用标签

我的代码：

我正在使用 vuetify v-tab 组件，每个选项卡代表另一个组件。问题是，在我第一次移动到第二个选项卡时，组件再次刷新。

如何防止刷新？

HTML

脚本

我正在使用 Vuetify v-tabs 列出一周中的天数：

结果目前是这样的：

问题是箭头仅在选项卡滑块显示过载时出现（在移动设备上显示时），但在桌面上查看时不存在。

我想做的是：

1. 无论屏幕大小如何，始终显示箭头。
2. 修改箭头的行为，而不是在选项卡项之间切换，以更改显示周。

关于如何实施的替代方案的任何想法？

谢谢。

在添加路由之前，我有一些按预期工作的 vuetify 选项卡。我希望在活动选项卡更改时更改路线。

当我将 :to 指令添加到 v-tab 时，路由正常工作（选项卡更改时路由更改）但选项卡项不显示。显示 v-tab-item 的区域现在是空白的。

vuetify 文档引用了 vue-router 文档，我认为我的接线正确，但我无法让它工作。我错过了什么？

第一次重新加载页面时标签指示器向右移动很少，或者有时它覆盖了所有宽度，未选择为第二张图片

有时它会覆盖所有宽度，而不是这样选择。

但是在单击如下图所示的任何选项卡后它工作正常