美文网首页
el-select获取选中值的label

el-select获取选中值的label

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-05-23 18:21 被阅读0次

对于新手来说,日常获取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数组的值了。

相关文章

网友评论

      本文标题:el-select获取选中值的label

      本文链接:https://www.haomeiwen.com/subject/kpwxedtx.html