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

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

相关推荐
咖喱o几秒前
IPv6
服务器·前端·网络
海上彼尚1 分钟前
Nodejs也能写Agent - 6.基础篇 - Agent
前端·人工智能·后端·node.js
2501_940041745 分钟前
纯前端实战:5个高复杂度业务与交互场景
前端
renke33649 分钟前
写给前端的 CANN-torchtitan-npu:昇腾PyTorch Titan适配到底是啥?
前端·人工智能·pytorch·cann
lihaozecq11 分钟前
Agent 开发的 skills 机制设计 - 渐进式披露
前端·agent·ai编程
安妮的小熊呢15 分钟前
CRMEB标准版v6.0: 商城DIY装修新升级,PS级自由设计!
运维·javascript·平面·信息可视化·小程序·开源软件
安生生申15 分钟前
uni-app 连接 JDY-31 蓝牙串口模块实践
c语言·前端·javascript·stm32·单片机·嵌入式硬件·uni-app
Restart-AHTCM19 分钟前
LangChain学习之模型 I/O 与输出解析器 (Output Parsers)(3/8)
前端·学习·langchain
Liu.77419 分钟前
Vue3结合Element Plus封装点击查看大图的自定义指令
javascript·vue.js·elementui
lqj_本人20 分钟前
鸿蒙PC:electron-markdownify 从普通 Electron 迁移到 OpenHarmony Electron HAP 的完整实践
前端·javascript·electron