Vue.js 如何为v-select中的“选定”选项中的标签使用自定义模板?
我在v-select中使用了自定义标签的Vue.js 如何为v-select中的“选定”选项中的标签使用自定义模板?,vue.js,vuejs2,vue-component,v-select,Vue.js,Vuejs2,Vue Component,V Select,我在v-select中使用了自定义标签的。在这里,一切正常。如此处屏幕截图所示打开选项时,自定义标签工作正常:但自定义标签不适用于所选选项或关闭所选选项时:。 以下是我用来在v-select中使用自定义模板的代码段: <v-select @input="updateShippingCharge" v-model="selected" :options="options"> <template slot="option" slot-scope="optio
。在这里,一切正常。如此处屏幕截图所示打开选项时,自定义标签工作正常:但自定义标签不适用于所选选项或关闭所选选项时:。
以下是我用来在v-select中使用自定义模板的代码段:
<v-select @input="updateShippingCharge"
v-model="selected"
:options="options">
<template slot="option" slot-scope="option">
<span :class="['flag-icon', `flag icon-${option.value.toLowerCase()}`]"></span>
{{ option.label }}
</template>
</v-select>
{{option.label}
您可能会发现这很有帮助。