el-select 获取label值

对于新手来说，日常获取el-select中的value来说就已经足够了，可是总有一些特殊的业务场景还需要获取其中的label,小白的我当年都是过来人，当初为了获取一个label，试了挺多傻傻的方法

1、会把拿回来的数据弄成一个map数据，直接 mapList[id]这样去获取当前选择的label，虽然可行，不过不推荐；

2、第二种方法就是在el-select的value中设置value的值为 id+','+label,这样value就是目标值跟label的合体了，感觉比上面的稳妥，不过结果处理那里得多一步操作，把结果分解出来，这也不够简便的；

3、最后还是得用上ref，在el-select中加入ref=‘selectLable’即可，获取值的时候直接拿this.$refs.selectLable.selected.label，这步操作一般在最后一步那里进行，不要在onchange事件那里拿，拿到的是上一次的label，不尽人意。

注意：假如el-select中选择了多选multiple这个属性，那么this.$refs.selectLable.selected.label这个是无法获取到值的，因为这时候的结果是一个数组，我们得遍历一下

this.$refs.selectLable.selected.map(v=>v.label)这个样子就能拿到label数组的值了。
-----------------------------------
©著作权归作者所有：来自51CTO博客作者nation1的原创作品，请联系作者获取转载授权，否则将追究法律责任
vue- element  el-select获取label
转载于 : https://blog.51cto.com/u_11451782/3662591