Преобразовать select в vue-select с динамическими данными

(Ларавел) У меня есть:

импортировать vSelect из «vue-select»

Vue.component('v-select', vSelect);

  <select v-model="metaSeleccionada" class="form-control" style="height: 35.9px;" placeholder="Enter last name" id="selectPersona">
                              <option value="" disabled hidden>Seleccione la meta</option>
                              <option v-for="meta in metas" v-bind:value="meta.META_intId">
                                @{{ meta.META_varSubMeta }}: 
                                @{{ meta.META_varDenominacion }}
                              </option>
  </select>

Я хочу преобразовать его в vue-select, я пробовал это в своем лезвии:

  <v-select :options="metas" label="META_intId">
                          <template slot="option" slot-scope="option">
                              @{{ option.META_varSubMeta }} : @{{ option.META_varDenominacion}}
                          </template>
   </v-select>

html vue.js vue-select
person Hans_Cusco    schedule 04.05.2018    source источник
comment
что такое v-select? Вы используете структуру vuetify?   -  person roli roli    schedule 04.05.2018
comment
я использую Laravel и vue js [импортировать vSelect из 'vue-select' Vue.component('v-select', vSelect);] @roliroli   -  person Hans_Cusco    schedule 04.05.2018

Ответы (1)


arrow_upward
0
arrow_downward

если у кого-то такая же проблема, это было мое решение:

<v-select  
                        label="META_varDenominacion" 
                        :options="metas"
                        v-model="metaSeleccionada"
                        placeholder="Seleccione una Meta"
                      >  
                         <template slot="option" slot-scope="option">
                            {{ option.META_varSubMeta }}: 
                            {{ option.META_varDenominacion }}
                         </template>
  </v-select>

проблема была в том, что я вызывал методы v-select в представлении, когда я изменил все на компонент vuejs, он отлично работает. Теперь у меня есть:

импортировать Vue из 'vue'
импортировать vSelect из 'vue-select' Vue.component('v-select', vSelect);

а также

Vue.component('contratos-component', require('./components/ContratoComponent.vue'));

Здесь я вызываю v-select

person Hans_Cusco    schedule 11.05.2018