компонент v-select не загружается в HTML - PullRequest
Новая
       25

компонент v-select не загружается в HTML

0 голосов
/ 05 февраля 2020

Я пытаюсь создать базовый c сайт, где мне нужно выбрать опции из выпадающего меню. Я использую Select. vue из библиотеки vue -strap, чтобы реализовать то же самое. Однако компонент v-select не загружается в html. Ниже приведено приложение. vue, которое наследует Select. vue от vue -strap: 

<template>
    <div>
        <app-header></app-header>
        <v-select v-model="selected" :options="['Vue.js','React']"></v-select>
        <app-footer></app-footer>
    </div>
</template>

<script>
import Header from './components/header.vue'
import select from '../node_modules/vue-strap/src/Select.vue'
import Footer from './components/footer.vue'
export default {
    components: {
        'app-header': Header,
        'app-footer': Footer,
        'v-select': select,
    },
    data() {
      return {

      }
    },
}
</script>

<style scoped>

</style>

Ниже приведены ошибки, которые я получаю на веб-консоли: enter image description here

Я не могу устранить эти ошибки. Любая помощь приветствуется.

1 Ответ

0 голосов
/ 05 февраля 2020

: options = "['Vue. js', 'React']"

Над строкой может быть большая проблема, так как вы передаете данные stati c и не назначаете любая переменная, которую вам не нужно использовать:

: на самом деле это оператор привязки, вы должны использовать его только тогда, когда вы привязываете параметр к некоторой переменной

Например: 

data(){
return{
options:[['Vue.js','React']]
}

}

теперь внутри вашего vue файла, вы можете добавить 

<v-select v-model="selected" :options=options></v-select>

Если вы не хотите объявлять переменную, вы можете удалить: 

 <v-select v-model="selected" options="['Vue.js','React']"></v-select>

Всегда убедитесь, что вы есть передача в компонент объявляется внутри данных

Если вы хотите использовать computed, убедитесь, что вы объявили его заранее, прежде чем использовать его

...