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

Question

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

http://prntscr.com/p9pmzk

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

`<v-select :items="items" 深色轮廓></v-select>`

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

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

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

Answer 1

尝试添加行

vuetify: new Vuetify(),

到您的 JavaScript 导出默认值。

如果您将 JavaScript 代码更改为：

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