VSelect в Vuetify показывает пустой комментарий в DOM вместо рендеринга - PullRequest
Новая
       24

VSelect в Vuetify показывает пустой комментарий в DOM вместо рендеринга

0 голосов
/ 23 сентября 2019

Я добавил 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" dark outlined></v-select>`

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

Я гуглил примеры использования v-select и нашел этот codepen.io / DeFrank / pen / BdJyXX

Аналогично, он отображается вместо вывода желаемого результата

1 Ответ

0 голосов
/ 23 сентября 2019

Попробуйте добавить строку

vuetify: new Vuetify(),

к вашему экспорту JavaScript по умолчанию.

Приведенный вами пример будет работать, если вы измените код JavaScript на:

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

...