[Vuejs]-Convert select to vue-select with dynamic data

by

0👍

✅

if anyone has the same problem, it was my solution:

<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>

the problem was that I was calling methods of v-select in the view, when I changed everything to a component of vuejs it works perfectly.
Now i have:

import Vue from ‘vue’
import vSelect from ‘vue-select’
Vue.component(‘v-select’, vSelect);

and

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

This is where i’m calling v-select

Leave a comment