vue elementUI el-select 同时获取labe

前端调用后端接口时，后端保存数据，有时需要前端提交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 数组解构赋值

另外一个解决办法是 给 el-select change 事件，不足之处，需要多定义一个变量和方法。

感兴趣的朋友可以点击下方连接查看。
vue elementUI el-select 同时获取label 和 value 的值