ElementUI Select选择器多选获取选中对象

html

复制代码
<el-form-item label="账户标签:" prop="tags">
            <el-select
              style="width: 500px"
              value-key="tagId"
              v-model="form.tags"
              clearable
              filterable
              multiple
              placeholder="请搜索选择账户标签"
            >
              <el-option
                v-for="item in advertisertagData"
                :key="item.tagId"
                :label="item.tagName"
                :value="item"
              ></el-option>
            </el-select>
          </el-form-item>

获取到的内容便是这样

如果对象中并不需要所有的内容,可以根据map 进行数据重组

复制代码
 var newArr = [];
          if(this.form.tags.length>0){
                  this.form.tags.map(function (item, index) {
                  console.log(item, index);
                  var sevm = {};
                  sevm["tagId"] = item.tagId;
                  sevm["tagName"] = item.tagName;
                  newArr[index] = sevm;
                });
          }
          console.log(newArr);

重组之后的数据便会是你想要的

相关推荐
连合机器人13 分钟前
晨曦中的守望者:当科技为景区赋予温度
java·前端·科技
郑板桥3036 分钟前
tua-body-scroll-lock踩坑记录
前端·javascript
解道Jdon1 小时前
SpringBoot4与Spring7发布:云原生深度进化
javascript·reactjs
慢半拍iii2 小时前
JAVA Web —— A / 网页开发基础
前端
gnip2 小时前
pnpm 的 monorepo架构多包管理
前端·javascript
zolty2 小时前
基于hiprint的票据定位打印系统开发实践
javascript
新手村领路人3 小时前
Firefox自定义备忘
前端·firefox
乖女子@@@3 小时前
css3新增-网格Grid布局
前端·css·css3
百思可瑞教育3 小时前
使用UniApp实现一个AI对话页面
javascript·vue.js·人工智能·uni-app·xcode·北京百思可瑞教育·百思可瑞教育
伐尘4 小时前
【CE】图形化CE游戏教程通关手册
前端·chrome·游戏·逆向