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

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

相关推荐
闭着眼睛学算法7 分钟前
【双机位A卷】华为OD笔试之【排序】双机位A-银行插队【Py/Java/C++/C/JS/Go六种语言】【欧弟算法】全网注释最详细分类最全的华子OD真题题解
java·c语言·javascript·c++·python·算法·华为od
可别39012 分钟前
使用Worker打包报错
前端·vue.js
Drift_Dream12 分钟前
深入浅出 requestAnimationFrame:让动画更流畅的利器
javascript
GIS瞧葩菜16 分钟前
【无标题】
开发语言·前端·javascript·cesium
T___T22 分钟前
彻底搞懂 CSS 盒子模型 box-sizing:小白也能看懂的布局核心
前端·面试
彭于晏爱编程24 分钟前
关于表单,别做工具库舔狗
前端·javascript·面试
空白格9725 分钟前
Android插件化开发
前端
风中凌乱的L27 分钟前
vue canvas标注
前端·vue.js·canvas
拉不动的猪28 分钟前
什么是二义性,实际项目中又有哪些应用
前端·javascript·面试
海云前端130 分钟前
Webpack打包提速95%实战:从20秒到1.5秒的优化技巧
前端