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

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

相关推荐
天蓝色的鱼鱼11 小时前
Node.js 现在能直接跑 TypeScript 了,tsx 和 ts-node 还需要吗?
前端·typescript·node.js
阿猫的故乡11 小时前
Vue动态组件+异步组件实战:Tab切换、按需加载、KeepAlive缓存,一次搞定
前端·vue.js·缓存
风骏时光牛马11 小时前
Stylus预处理器完整语法与项目实战详细代码案例
前端
tangdou36909865511 小时前
DevOps Skill工具链:CI/CD流水线搭建全攻略
前端
tangdou36909865511 小时前
前端Skill全家桶:React+Vue+TypeScript开发实战
前端
大大杰哥11 小时前
Vue2学习(3)--组件中的通信方式/组件之间的交互
java·前端·javascript
糖醋丸子11 小时前
D3生成topo 结点连线 webpack 配置兼容ie 11
前端
PixelBai11 小时前
JSON过滤使用教程:从入门到精通
javascript·chrome·json
阿猫的故乡11 小时前
Vue3自定义插件:封装一个全局消息提示插件,所有组件都能直接用
前端·javascript·vue.js
橘子星11 小时前
树与二叉树:从概念到 JavaScript 实现
前端·javascript·面试