el-select change事件获取label的值

背景

element-ui是我们开发中非常常用的组件库,基础组件也非常完善,但el-select组件的change事件每次都只能获取到val值,而很多时候我们都需要取到其他的值,比如label。那么一般的做法都是拿到val后遍历数组,之后才能拿到label,这个办法虽然也不复杂,但是难免有些麻烦,而且有强迫症的同学肯定觉得不太好。毕竟多做了一次循环。

解决方法

对此呢,在开发中爱偷懒的我找了一种非主流的办法,再次记录:



其实也很简单,就是把label和value都传到v-value中去,然后再通过字符串转数组的方法,将这段string转为数组,那第一项就是value,第二项就是label。
 

希望可以帮助到各位,如有不对之处或是更好的方法大家也可以相互交流指出

你可能感兴趣的:(js,vue)