使用动态数据将select转换为vue-select

时间:2018-05-04 17:27:38

标签: html vue.js vue-select

(Laravel)我有:

  

从'vue-select'

导入vSelect      

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>

1 个答案:

答案 0 :(得分:0)

如果有人遇到同样的问题,那就是我的解决方案:

<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
  从'vue-select'导入vSelect   Vue.component('v-select',vSelect);

  

Vue.component( 'contratos组分',   要求( './部件/ ContratoComponent.vue'));

这就是我所说的v-select