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

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

相关推荐
Zhu_S W6 分钟前
基于Java和Redis实现排行榜功能
前端·bootstrap·html
摘星编程8 分钟前
用React Native开发OpenHarmony应用:自定义useNumberFormat数字格式化
javascript·react native·react.js
摘星编程22 分钟前
用React Native开发OpenHarmony应用:自定义useCSS类名操作
javascript·react native·react.js
小马_xiaoen25 分钟前
Vue3 + TS 实现长按指令 v-longPress:优雅解决移动端/PC端长按交互需求
前端·javascript·vue.js·typescript
147API37 分钟前
改名后的24小时:npm 包抢注如何劫持开源项目供应链
前端·npm·node.js
ziqi52239 分钟前
第二十二天笔记
前端·chrome·笔记
鹤归时起雾.40 分钟前
react一阶段学习
前端·学习·react.js
乐~~~42 分钟前
评估等级页面
javascript·vue.js
微祎_42 分钟前
Flutter for OpenHarmony:构建一个专业级 Flutter 番茄钟,深入解析状态机、定时器管理与专注力工具设计
开发语言·javascript·flutter
2301_780669861 小时前
HTML-CSS-常见标签和样式(标题的排版、标题的样式、选择器、正文的排版、正文的样式、整体布局、盒子模型)
前端·css·html·javaweb