问题标签 [vuetifyjs3]

在哪里可以找到与 Vue.js 3 兼容的新 Vuetify 版本文档，以及如何使用 Vue cli 安装和设置它：

在 vue 2 中，我们这样做：

然后 ：

我们如何使用 Vue 3 做到这一点？

我使用 vue 3 设置，我想访问我使用的全局变量 vuetify。我可以在 config.globalVariable 中看到它，但我不能在设置中使用它。

如您所见，我看到了 $vuetify，但在设置中我无法访问它。

这是我访问全局变量的方式吗？

我得到的错误： Cannot read property '$vuetify' of undefined

我试图改变我整个项目的主题。

这工作正常，并改变了整个主题，但是当我尝试访问位于 vuetify. 它不存在。我执行以下操作：

这段代码给了我一个空的 globalProperty。

我在 vue 2 中做了同样的事情，它工作正常。当我尝试访问全局变量并更改深色主题时，它确实有效。

this.$vuetify.theme.isDark

我正在尝试将 vuetify 3.alpha 与 vue 3 一起使用。这些是我的文件：

Temp.vue（取自 vuetify示例）

应用程序.vue

这就是我得到的：

问题是当我单击此按钮时未显示对话框。这是我在 alpha 版本中的错误或错误吗？

在此处输入图像描述使用下面的示例代码，我可以在单击时获得 v-edit-dialog，问题是保存按钮在右侧，而取消按钮在左侧。有什么办法让它相反吗？

我今天第一次尝试用 Vue3 安装 Vuetify。几乎一切工作正常：组件被正确导入，“文本中心”等类也工作良好。

但是我注意到像“dark”这样的道具和像“color--text”这样的类不是，我不知道为什么......

这是我的插件/vuetify.js 文件：

例如：

文本不会是红色的，没有任何变化。

我不知道问题可能出在哪里...这是一个 SOS

谢谢！

如果至少选择了一项，我如何更改 v-autocomplete 的样式（边框颜色）？如果焦点在字段上，现在样式会更改（蓝色），但如果选择项目并且焦点不在字段上，则变为默认（灰色）。移除焦点后我需要保持蓝色边框我尝试更改 css 但没有成功

在数组列表中，v-select 与 v-for 循环绑定。

但是，当我使用从我的 API 接收到的每个数组的数据更新我的数组列表时，v-select 组件中的项目不会获得新数据，并且每个数组的列表也不会出现。

另一个对象数组的目的是存储从 v-select 组件中选择的选项以及 v-model 绑定。

Vue 模板

Vue组件中的JS声明

填充我的数组的 JS（记录和工作）

我正在尝试使用创建一组可选项目Vuetify。然而，它不起作用，因为在模板中我使用了一个名为 fm-card 的 Vue.component。

当您使用 a 时，Vue.component您必须使用@click.native而不是@click.

我曾尝试使用 @click 和 @click.native 但似乎什么也没发生

vue 添加 vuetify

ERROR 错误：您不能在没有路径的集合上调用“get”。相反，首先检查“长度”属性以验证至少存在 1 个路径。

我又试了

现在我得到了这个