v-select的多項默認選中的問題

由于在項目中遇到的問題，需要select的默認選擇多項，在網(wǎng)上找了很多，沒有滿意的，所以自己研究了一下。

直接上代碼

<template><el-select v-model="value1" ref="select" multiple placeholder="請選擇"><el-optionv-for="item in options":key="item.value":label="item.label":value="item.value"></el-option></el-select> </template><script>export default {data() {return {options: [{value: '選項1',label: '黃金糕'}, {value: '選項2',label: '雙皮奶'}, {value: '選項3',label: '蚵仔煎'}, {value: '選項4',label: '龍須面'}, {value: '選項5',label: '北京烤鴨'}],value1: [],value2: []}},mounted(){this.$refs.select.value=['選項5', '選項4']; //[] 里面是要選擇的value值，如選項5// 這樣頁面在加載的時候，select會默認選擇北京烤鴨和龍須面}} </script>

注意 ：上面的mounted不能使用created

總結(jié)

以上是生活随笔為你收集整理的v-select的多项默认选中的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。