美文网首页
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