如何在element-ui中获取select的label值-创新互联

今天就跟大家聊聊有关如何在element-ui 中获取select 的label值,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

成都创新互联公司主要从事成都做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务张家界,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

vue获取值的方式:


                
                  
                   
                  
                
              

js:

changeLocationValue(val){
      //locations是v-for里面的也是datas里面的值
      let obj = {};
      obj = this.locations.find((item)=>{
        return item.id === val;
      });
      this.wareHouseVO2.goodsLocationName = obj.locationName;
    },

这可以获得相应的值减少其他数据库的操作。

拓展知识:Element ui select同时获取value和label的值的实例

如下所示:


       
        
        
       
     
//下拉框选中事件
  selectGet(vId){//这个vId也就是value值
   console.log(ha);
   let obj = {};
   obj = this.userList.find((item)=>{//这里的userList就是上面遍历的数据源
     return item.id === vId;//筛选出匹配数据
   });
   console.log(obj.name);//我这边的name就是对应label的
  }

看完上述内容,你们对如何在element-ui 中获取select 的label值有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


本文名称:如何在element-ui中获取select的label值-创新互联
网页地址:http://bzwzjz.com/article/cococd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设公司 做网站设计 成都网站建设 营销型网站建设 成都网站制作 四川成都网站建设 重庆手机网站建设 重庆网站建设 成都网站建设公司 成都网站制作 高端网站设计 手机网站建设 企业网站建设 成都网站制作 网站制作 成都网站建设公司 移动手机网站制作 手机网站建设 成都响应式网站建设 成都模版网站建设 成都网站制作 成都品牌网站设计