VSelect in Vuetify shows empty comment in DOM instead of rendering

Question

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

Gene Mayevsky · Accepted Answer · 2019-09-23 09:46:38Z

1

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(),

answered Sep 23, 2019 at 9:46

Gene Mayevsky

662 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VSelect in Vuetify shows empty comment in DOM instead of rendering

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related