el-select多選同時獲得id和name、回顯

html

<el-select v-model="mainbrand" filterable multiple @change="changeselect" clearable placeholder="請選擇">
      <el-option v-for="item in brandoption" :key="item.id" :label="item.name" :value="item.id"> </el-option>

</el-select>

js
回顯

var arr = []

                arr = res.data.brandCodes.split(';')

                arr = arr.map(Number)

                this.mainbrand = arr

                console.log(this.mainbrand)

同時得到id和name

changeselect(val) {

            console.log(val)

            let arr= []
 

            this.brandoption.forEach(item => {

                for (let i = 0; i < val.length; i++) {

                    if (item.id == val[i]) {

                        arr.push(item.name)

                    }

                }

            })

        },

//val  為id們    arr為name們

//this.brandoption  下拉框數(shù)據(jù)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容