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()  现在就是字符串了

GitHub 加速计划 / eleme / element
13
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:23 天前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐