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. 月份选择,数组去重

    2024-05-09 06:48:03       41 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-09 06:48:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-09 06:48:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-05-09 06:48:03       82 阅读
  4. Python语言-面向对象

    2024-05-09 06:48:03       91 阅读

热门阅读

  1. React 学习-3

    2024-05-09 06:48:03       29 阅读
  2. 001 websocket(评论功能demo)(消息推送)

    2024-05-09 06:48:03       27 阅读
  3. react 项目中使用 iconfont

    2024-05-09 06:48:03       31 阅读
  4. Kafka 环境搭建之伪分布式集群模式详细教程

    2024-05-09 06:48:03       26 阅读
  5. Jenkins的原理及应用详解(二)

    2024-05-09 06:48:03       26 阅读
  6. C++ Opencv之图像数据拷贝分析

    2024-05-09 06:48:03       30 阅读
  7. nodejs之log4js日志管理

    2024-05-09 06:48:03       37 阅读
  8. AR技术的那些事

    2024-05-09 06:48:03       29 阅读