vue如何循环给对象赋值
更新时间：2022年04月23日 10:14:52 作者：知了枝头看雪
这篇文章主要介绍了vue如何循环给对象赋值，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
循环给对象赋值
async submitForm() {
var that = this
that.allPersonList = [] // 出库信息数组
// 循环 得到 A0000
for (var i = 0; i < that.personList.length; i++) {//循环拿到传过来的对象集合 personList[{},{},.......]
// 出库信息
const newOut = { // 关键！ 创建一个新对象
A0000: that.personList[i].a0000, // 将循环拿到的属性循环赋值给newOut.A0000
AG8700: that.getUuid(),
AG8701: this.outWareList[0],
AG8702: this.outWare.AG8702
}
that.allPersonList.push(newOut)// 循环赋值好的对象 push到 集合中
}
alert(JSON.stringify(that.allPersonList))---------> 打印的数据格式：
把已知数组循环赋值给另一数组
已知数组如下：
currentGood:[{name:'Da',ids:'aaa',pp:'123'},{name:'Cc',ids:'bbb',pp:'456'},{name:'Vv',ids:'ccc',pp:'789'}]
设置另一数组为modeDetail[]
for (let i=0;i<this.currentGood.length;i++){
let modelItem={};
modelItem["id"]=this.currentGood[i].ids;
modelItem["name"]=this.currentGood[i].name;
modelItem["tele"]=this.currentGood[i].pp;
modeDetail[i]=modelItem;
}
console.log(modeDetail);运行调试结果如下
作用就是把已知的数据，重新挑选
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了如何在Vue2中实现组件props双向绑定,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
本篇文章主要介绍了vue mint-ui源码解析之loadmore组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要为大家详细介绍了vue.js实现备忘录的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
Ruoyi-Vue处理跨域问题同时请求多个域名接口(前端处理方法)
跨域问题一直都是很多人比较困扰的问题,这篇文章主要给大家介绍了关于Ruoyi-Vue处理跨域问题同时请求多个域名接口的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了Vue.js实现数据响应的方法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-08-08
今天小编就为大家分享一篇解决vue的过渡动画无法正常实现问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
Vue + element实现动态显示后台数据到options的操作方法
最近遇到一个需求需要实现selector选择器中选项值options 数据的动态显示，而非写死的数据，本文通过实例代码给大家分享实现方法，感兴趣的朋友一起看看吧2021-07-07
这篇文章主要给大家总结介绍了关于vue.js集成echarts遇到的一些问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
最近接触了vue.js,一度非常好奇vue.js是如何监测数据更新并且重新渲染页面,这篇文章主要给大家介绍了关于Vue源码学习之响应式是如何实现的相关资料,需要的朋友可以参考下2021-10-10
本文主要介绍了element滚动条组件el-scrollbar的使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-04-04
最新评论