使用动态数据将select转换为vue-select
Convert select to vue-select with dynamic data
(Laravel)我有:
import vSelect from '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,我在我的 blade 中试过了:
<v-select :options="metas" label="META_intId">
<template slot="option" slot-scope="option">
@{{ option.META_varSubMeta }} : @{{ option.META_varDenominacion}}
</template>
</v-select>
如果有人遇到同样的问题,这是我的解决方案:
<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 的一个组件时,它工作得很好。
现在我有:
import Vue from 'vue'
import vSelect from 'vue-select'
Vue.component('v-select', vSelect);
和
Vue.component('contratos-component',
require('./components/ContratoComponent.vue'));
这是我打电话给 v-select
的地方
(Laravel)我有:
import vSelect from '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,我在我的 blade 中试过了:
<v-select :options="metas" label="META_intId">
<template slot="option" slot-scope="option">
@{{ option.META_varSubMeta }} : @{{ option.META_varDenominacion}}
</template>
</v-select>
如果有人遇到同样的问题,这是我的解决方案:
<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 的一个组件时,它工作得很好。 现在我有:
import Vue from 'vue'
import vSelect from 'vue-select' Vue.component('v-select', vSelect);
和
Vue.component('contratos-component', require('./components/ContratoComponent.vue'));
这是我打电话给 v-select
的地方