对于新手来说,日常获取el-select中的value来说就已经足够了,可是总有一些特殊的业务场景还需要获取其中的label
一、思路如下:
- 1、为
el-select
绑定ref
节点 - 2、获取
el-select
的虚拟dom
元素 - 3、获取虚拟
dom
中的selected属性
- 4、对于
selected属性
的值,单选下拉和多选下拉分情况而定
1.1、单选情况
用上ref
,在el-select
中加入ref='selectLable'
获取值直接拿this.$refs.selectLable.selected.currentLabel
这步操作一般在最后一步那里进行,不要在onchange事件那里拿,拿到的是上一次的label,不尽人意。
2.2、多选情况
this.$refs.selectLable.selected.map(v=>v.label)
这个样子就能拿到label数组的值了。
网友评论