Vuetify 中的 VSelect 在 DOM 中显示空注释而不是渲染

Posted 2023-02-22

【中文标题】Vuetify 中的 VSelect 在 DOM 中显示空注释而不是渲染

【英文标题】：VSelect in Vuetify shows empty comment in DOM instead of rendering

【发布时间】：2020-01-23 07:49:06

【问题描述】：

我已将 vuetify 添加到我的项目中。 v-file-input 或 v-text-field 之类的组件可以正常工作。但是， v-select 没有出现。相反，在 DOM 中有。

http://prntscr.com/p9pmzk

在添加 vuetify 之前，我尝试了 Vue-select，但我不喜欢它并完全卸载了该软件包。 Vue-select 使用与 v-select 相同的组件名称，不确定这是否会导致冲突。

`` ` 导出默认值 name: '新事件', 数据 （） 返回 项目：['Foo'，'Bar'，'Fizz'，'Buzz'] `

我搜索了示例 v-select 用法并找到了这个 codepen.io /DeFrank/pen/BdJyXX

同样，它显示而不是输出所需的结果

【参考方案1】：

尝试添加行

vuetify: new Vuetify(),

到您的 javascript 导出默认值。

如果您将 JavaScript 代码更改为：

new Vue( el: '#app', vuetify: new Vuetify(),