问题标签 [vuetify-tabs]

我有一个在 Laravel 中使用 Vue.js 构建的项目，它可以完美地静态工作，但我需要将其转换为动态以将记录从数据库表中提取到 v-data-table 组件。我知道 Laravel，我知道这些东西是如何通过 Ajax/jQuery 工作的，但我对 Vue.js 还是很陌生

有人可以向我解释如何在 v-data-table 组件中显示来自数据库的结果。谢谢。这是 Vue.js 文件：

这是刀片文件：

控制台中的输出是： console.log

axios的响应也OK

回复

我的控制器：

我的路线：

更改 axios 行后 的 console.log 控制台日志

重现将选项卡组件添加到页面的步骤 在 v-tab-item 上使用属性：touchless="true" 用手指滑动仍然会导致转换

非接触式道具应防止用户滑动。

但我仍然能够。

我更改选项的 v-select 正在自动触发另一个 v-select，操作是它们之间的独立操作，我无法正确获取此代码的问题。比我有更多经验的人可以帮助我吗？

我正在构建一个基于 Vuetify 的组件库。

Vuetify 安装告诉人们添加这一行

但是，我希望人们能够只导入我的组件。

看起来像这样

现在，如果需要这行 Vuetify...

我必须让我的组件库 API 看起来像这样

那么，有什么作用new Vue({ vuetify })呢？

我有一个使用 Vuetify 的项目，我的项目不是由vue-cli

在使用 Vuetify 几个月后（在生产中），我发现我没有安装vue-cli-plugin-vuetify！

这个插件实际上是做什么的？

我正在尝试创建一个基于 Vuetify 的自定义选项卡组件，但我无法让该组件识别items我定义的对象...对于 Vue 和 Vuetify 来说，我无法确定可能发生什么以及如何解决它。作为一个自定义组件，我不确定是否可以在像 codepen 这样的 IDE 上复制它来模拟它......

谁能协助告诉我如何修复此代码，以便items可以读取我的对象并将其呈现到选项卡中？

主调用页面（Demo.vue）：

组件（TabNavigaton-temp.vue）：

我目前正在开发一个组件，该组件可以使用 和 呈现具有相应 HTML 内容的v-tab选项v-tab-items卡v-tab-item。在v-tab-item通话中，我有以下参考：

它通过它们的属性呈现出在itemsObject 的相应项中定义的 HTML 内容content，如下所示：

但是，图像没有呈现，事实上，即使我直接在标准img标记中引用图像 URL，它也会正确呈现。

我尝试了导入图像并绑定相应变量的想法，如下所示：

import tabNavToolbarImg from '../../../assets/tabnavigation/tabnavigation-toolbar.png'

但这似乎也不起作用......是否有原因导致图像无法以这些方法中的任何一种呈现出来，有没有办法解决它？提前致谢。

我使用 v-for 来生成任务选项卡。

任务可以由用户创建，在用户创建新任务后，我希望 UI 自动更改为新创建的选项卡。

即在dom树中添加了一个新的tab后，会触发自身的click事件并activateTask执行回调函数。

我正在尝试检查用户是否已滚动到页面底部。

这是我到目前为止尝试过的代码：

这是检查项目是否在创建的钩子中滚动的代码：

我有一个带有四个选项卡的组件。除第一个选项卡外，所有选项卡都包含大量文本字段，并且需要几秒钟来呈现组件。我想在用户单击选项卡时显示一个带有进度条的对话框，并在选项卡打开时将其隐藏。

我制作了一个代码笔，您可以在其中找到选项卡和对话框。当用户单击选项卡并再次将其设置showLoading为加载选项卡项目的内容时，如何设置值？truefalse