CODEWITHSUNDEEP
vue.jsvuetify.jsv-select
Varvara Moiseenko
Varvara Moiseenko

Reputation: 21

VSelect in Vuetify shows empty comment in DOM instead of rendering

I have added vuetify to my project. The components like v-file-input or v-text-field works just fine. However, v-select doesn't show up. Instead, there is in the DOM.

http://prntscr.com/p9pmzk

Before adding vuetify I tried Vue-select, but I didn't like it and uninstall that package completely. Vue-select uses the same component name as v-select, not sure could that cause conflicts or not. 

 `<v-select :items="items" dark outlined></v-select>`

`    export default {
        name: 'NewIncident',
        data () {
            return {
             items: ['Foo', 'Bar', 'Fizz', 'Buzz']
       }
     }
    }`

I googled for examples v-select usage and found this codepen.io /DeFrank/pen/BdJyXX

Similarly, it shows up instead of outputting the desired result

Upvotes: 0

Views: 384

Answers (1)

Gene Mayevsky
Gene Mayevsky

Reputation: 66

Try adding line

vuetify: new Vuetify(),

to your JavaScript export default.

The example mentioned by you will work if you change JavaScript code to:

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

Upvotes: 1

Related Questions