小编10k*_*k20的帖子

vue-select设置默认值

我需要将数组选项的第一个元素设置为默认选项,如下所示在此输入图像描述

但我明白了:在此输入图像描述

我的组件代码:

<v-select :options="options" label="title" class="select">
         <template slot="option" slot-scope="option">
             <span :class="option.icon"></span>
             <img class="language-flag" :src="option.img" /> {{ option.title }}
         </template>
         <template slot="selected-option" slot-scope="option">
             <span :class="option.icon"></span>
             <img class="language-flag" :src="option.img" /> {{ option.title }}
         </template>
</v-select>
Run Code Online (Sandbox Code Playgroud)

脚本:

  export default {
        data() {
            return {
                options: [{
                        title: 'RU',
                        img: require('../../assets/icons/flags/RU.svg'),
                    },
                    {
                        title: 'KZ',
                        img: require('../../assets/icons/flags/KZ.svg')
                    },
                ],
            }
        },
    }
Run Code Online (Sandbox Code Playgroud)

vue.js vue-select

2
推荐指数
1
解决办法
8516
查看次数

标签 统计

vue-select ×1

vue.js ×1