【转】elementui 获取el-options的value和label

有个需求是 获取el-options的value和label 

看到这篇文章，特意copy过来

原文：vue elementUI el-select 同时获取label 和 value 的值.

 

 

前端调用后端接口时，后端保存数据，有时需要前端提交select选择的 lable（name）和 value(code),所以我们需要想办法解决，怎么同时获取lable和value。 解决办法： el-option 绑定value的时候，同时绑定lable和value（分隔符隔开自定义一下就行）。这样 el-select v-model 绑定的最终值是 lable 和 value,我们在提交的时候，把v-model绑定的值(字符串)，分割成数组。数组的下标0是lable，下标1是value。

<el-select v-model="selectValue" placeholder="请选择" size="small">
            <el-option v-for="item in list"  :key="item.value" :label="item.lable" :value="`${item.lable}|${item.vaue}`">
            </el-option>
  </el-select>

在获取的时候

let [lable,vaue] = this.selectValue.split('|') // es6 数组解构赋值