elementUI的el-select选择器同时返回选中项的value和label值

      <el-select v-model="ruleForm.category" @change="selectedCag" placeholder="请选择项目类别">
          <el-option
          v-for="item in ClaOptions"
          :key="item.value"
          :label="item.label"
          :value="item.value">
        </el-option>
      </el-select>
    methods: {
      selectedCag(vId){
        console.log(vId)
        let obj = {};
         obj = this.ClaOptions.find((item)=>{  //这里的ClaOptions就是上面遍历的数据源
             return item.value === vId;  //筛选出匹配数据,这里的value是你遍历数组每一项的value,如果没有对后台返回的数据做处理,一般为id
         });
      console.log(obj.label);//  这里的label就是对应label的
      this.addCagLabel = obj.label  //打印出来的obj.label就是想要的label值

      },   
   }

版权声明:本文为weixin_43734732原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。