Vuetify.js是Vue.js的语义材料组件框架2.将此标记用于特定于vuetify组件和api的问题。 （如果可能，提供CodePen或JsFiddle重现您的问题）
如何从 Vuetify 3 的 v 表中的标题中删除或编辑“组”名称的宽度等
如何从 Vuetify 3 的 v 表中的标题中删除或编辑“组”名称的宽度等 来自文档的示例代码游乐场
从 vuetify 示例中，该图标显示在每行的右侧。 但是当我自己制作时，箭头出现在左侧，我还没弄清楚如何控制它的位置。 我的代码就像
我应该如何/何时在 Vuetify 3 中使用 v-layout？
我不明白何时/何地/为何在 Vuetify 3 中使用 v-layout 组件。 例如，我看到在应用程序栏组件的文档中，他们有一个使用 v-layout （GitHub 代码）的示例，b...
我有这个代码： 我有这个代码： <v-select v-model="select" :items="countries" item-title="name" item-value="last" item-text="name" variant="solo" > <template v-slot:selection="{ item }"> <Icon :icon="item.raw.code"/> {{ item.raw.name }} </template> </v-select> 这向我显示了这个结果 但我想要的最终结果是这个 我尝试添加此块代码 <template v-slot:item="{ item }"> <Icon :icon="item.raw.code"/> {{ item.raw.name }} </template> 但这打破了所有选择机制 感谢您的帮助 答案包含在文档中： 项目槽用于更改项目在列表中的呈现方式。它提供了 item，一个包含转换后的 item-title 和 item-value 的 InternalItem 对象； 和 props，一个包含通常绑定到列表项的道具和事件的对象。 您缺少维护每个项目的选择功能的 props 对象。将其添加到您的 v 槽并将其绑定到您的 Icon 元素。 <template v-slot:item="{ props, item }"> <Icon v-bind="props" :icon="item.raw.code"/> {{ item.raw.name }} </template>
无法绑定 v-on：单击 Vuetify [Vue warn]：v-on 处理程序中出现错误：“TypeError：handler.apply 不是函数”
我试图在动态生成的子标题 v-list-tile Vuetify https://vuetifyjs.com/en/components/subheaders 上绑定单击事件，但每次单击该选项时都会出现错误。 vue.js:63...
我希望在 v-dialog 上有一个观察者，以便在对话框打开时停止音频文件播放。通常我会有 v-model="dialogVisible" 然后添加一个手表。但因为我有多个
如何在没有构建/捆绑工具的情况下在 Chrome 扩展中使用 Vuetify？
我正在创建一个 Chrome 扩展程序，并希望使用 Vue.js 和 Vuetify 作为弹出 UI。 该扩展使用清单版本 3（因此，与 v2 相比，CSP 限制更严格）。 我不想使用任何
如何在 Vuetify 扩展面板中设置 Google 字体图标
我在扩展面板内设置 Google 图标时遇到一些困难。通常，您可以通过 组件内的折叠图标或展开图标属性来设置它们...
我正在将旧的 vue2 项目移植到 vue3，vuetify 也是如此。我的应用程序栏位于 App.vue 中。我有一些正在使用的视图，我正在使用多个组件。问题已附上...
我想使用 Vuetify (v1.0.18) 使用 v-tab 渲染一些静态导航。路由是在服务器端完成的，因此我需要一种通过属性设置活动选项卡的方法。这是一项非常基本的任务，b...
我正在尝试将 (+) 图标添加到 v-datatable 中的标题列之一。 下面的代码没有添加任何图标。实际上，为标头创建模板槽对数据表没有任何影响。 ...
将 Vuetify 添加到 Vue Web 组件后传递 props
我正在vue中开发一个Web组件。其中很多都是使用 vuetify 组件库制作的，我目前正在尝试导出到 Web 组件。我已按照描述的步骤操作...
将 vuetify 添加到 vue web 组件后无法传递 props
我正在使用 vue 开发 Web 组件。其中很多都是使用 vuetify 组件库制作的，我目前正在尝试导出到 Web 组件。我已经关注了...
我正在开发一个个人项目，我试图避免完整的 npm 构建过程，而是在使用 Vue 3 和 Vuetify 的单个 .html 文件中工作。这是完整的 HTML（基本上你可以...
我需要用户能够在 vuetify v-time-picker 组件中输入数字，而不会失去选择时钟时间的功能。 我需要用户能够在 vuetify v-time-picker 组件中输入数字，而不失去选择时钟时间的功能。 <v-col align-self="center"> <v-menu ref="menuTimeStart" v-model="menuTimeStart" :close-on-content-click="false" :nudge-right="40" :return-value.sync="startTime" transition="scale-transition" offset-y > <template v-slot:activator="{ on, attrs }"> <v-text-field dense v-model="startTime" label="Start time" prepend-icon="mdi-clock-time-four-outline" readonly :disabled="pickerDisabled" v-bind="attrs" hide-details="auto" :rules="rules" :error-messages="errorMessage" color="tertiary" v-on="on" class="mr-4 align-center" ></v-text-field> </template> <v-time-picker v-if="menuTimeStart" v-model="startTime" color="tertiary" no-title @click:minute="$refs.menuTimeStart.save(startTime)" ></v-time-picker> </v-menu> </v-col> 我尝试制作一个@input，以便我可以在字段中输入数字，但仍然无法实现该功能，谢谢。 在 v-text-field 上使用 v-model 和 @change 的组合，然后将结果提供给 v-time-picker。不要忘记在分配之前解析/清理值，因此最好不要使用相同的变量来保存更改。根据我的尝试，v-time-picker 默认使用 HH:MM 格式。 <v-text-field v-model="startTime" label="Start time" @change="onTextChange"> </v-text-field> <v-time-picker v-model="startTimeParsed"></v-time-picker> ... data() { return { startTime: "", startTimeParsed: "", } } ... methods: { onTextChange() { // validate this value before assigning, you can use regex and so on this.startTimeParsed = this.startTime } } 最小可重现示例：https://codepen.io/artikandri/pen/wvNEKNV?editors=101
我正在我的 Vue 应用程序中创建一个页面，从数据库中获取一些数据并使用 v-for 来渲染每个对象。但是，它不起作用。检查数据库响应时...
我正在使用 Vuetify 和 Inertia 以及 Typescript。 我需要将共享数据传递给 vuetify AutoComplete 组件的 items 属性： &l...
您能否提供一个示例，说明如何使用 vuetify 3.4.3 通过单向数据绑定将用户在子组件中引入的输入文本发送到父组件？这是我的例子，这样做...
我正在将旧的 vue2 应用程序更新为 vue3，我想制作 3 种全局颜色：红色、绿色和灰色。我目前正在 vuetify.js 中执行以下操作 // 样式 导入'@mdi/font/css/materialdesignicon...
如何切换Vuetify v-date-picker组件的语言环境？
我正在使用 Vuetify 3.4，并且我正在努力处理 Datepicker 区域设置文档 给定一个包含当前语言环境（英语、德语、法语等）的变量，我如何告诉 Vuetify 切换到例如德语