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);

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

相关推荐
掘金安东尼1 天前
⏰前端周刊第 453 期(2026年2月9日-2月15日)
前端·javascript·面试
Amumu121381 天前
CSS进阶导读
前端·css
Wcowin1 天前
为Zensical添加 GitHub 仓库卡片
javascript·github·zensical
anyup1 天前
uniapp开发的鸿蒙应用上架后,竟然月入4000+
前端·vue.js·harmonyos
无尽的沉默1 天前
使用Thymeleaf配置国际化页面(语言切换)
前端·spring boot
代码老中医1 天前
接手老项目的一个月,我重构了那个2000行的“祖传”React组件
前端
飘逸飘逸1 天前
Autojs进阶前言
android·javascript
叫我一声阿雷吧1 天前
JS 入门通关手册(01)|零基础入门:JavaScript 到底是什么?学完能干嘛?
javascript·前端入门·js入门
用户83040713057011 天前
路由传参刷新丢失问题:三种解决方案与最佳实践
前端
从文处安1 天前
「前端何去何从」高效提示词(prompts):前端开发者的AI协作指南
前端·aigc