前端調(diào)用后端接口時(shí)吼蚁，后端保存數(shù)據(jù)生均，有時(shí)需要前端提交select選擇的 lable（name）和 value(code),所以我們需要想辦法解決誉帅，怎么同時(shí)獲取lable和value观蓄。
解決辦法：
el-option 綁定value的時(shí)候秧荆，同時(shí)綁定lable和value（分隔符隔開(kāi)自定義一下就行）谭企。這樣 el-select v-model 綁定的最終值是 lable 和 value,我們?cè)谔峤坏臅r(shí)候廓译，把v-model綁定的值(字符串)，分割成數(shù)組债查。數(shù)組的下標(biāo)0是lable非区，下標(biāo)1是value。
代碼：
<el-select v-model="selectValue" placeholder="請(qǐng)選擇" size="small">
<el-option v-for="item in list" :key="item.value" :label="item.lable" :value="`${item.lable}|${item.vaue}`">
</el-option>
</el-select>
在獲取的時(shí)候
let [lable,vaue] = this.selectValue.split('|') // es6 數(shù)組解構(gòu)賦值
另外一個(gè)解決辦法是 給 el-select change 事件盹廷，不足之處征绸，需要多定義一個(gè)變量和方法。
感興趣的朋友可以點(diǎn)擊下方連接查看俄占。
vue elementUI el-select 同時(shí)獲取label 和 value 的值
