element 中el-select multiple多选如何获得label值

 element 中<el-select>  multiple多选如何获得label值

HTML

<el-select v-model.trim ="form.dataList"    multiple  placeholder="请选择" >
     <el-option
         v-for="item in data"
          :key="item.code"
          :label="item.value"
          :value="item.code">
      </el-option>
</el-select>

 

this.form.dataList=[]; //存放获得的value值
this.form.dataName=[]; //存放label值
for(let i = 0; i < this.form.dataList.length; i++){
       let obj = this.data.map((item) => {
             if(item.code === this.form.dataList[i]){
                 //this.form.dataName.push(item.value)
                    this.form.dataName= [...this.form.dataName,...item.value]
            }
                
        })
     }

this.form.dataName  这样就可以拿到你想要的值了

若传后台需要字符串 转一下就好了 

 this.form.dataName.join()  现在就是字符串了