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);运行调试结果如下
作用就是把已知的数据，重新挑选
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue 如何实现配置@绝对路径，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要介绍了Vue 组件的挂载与父子组件的传值实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要介绍了vue2+el-menu实现路由跳转及当前项的设置,方法实例代码详解，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-11-11
vue-router vuex-oidc动态路由实例及功能详解
这篇文章主要为大家介绍了vue-router vuex-oidc动态路由实例及功能详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
这篇文章主要介绍了vue-cli3配置多项目并按项目分别实现打包方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要为大家详细介绍了vue实现头像上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
Vue3 Element Plus是一个基于Vue 3框架的UI组件库,它是由Element UI团队开发的升级版本,Element Plus延续了Element UI简洁、高效的风格,并引入了一些新的设计语言和技术,如响应式API和更好的性能优化,本文给大家介绍了如何使用vue3实现element-plus的主题切换效果2024-12-12
这篇文章主要为大家详细介绍了vue实现通讯录功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-07-07
Vue3.5 发布已近半年,这篇文章主要来和大家技术一下它常用的新增和改动特性,文中的示例代码讲解详细,有需要的小伙伴可以跟随小编一起学习一下2025-01-01
这篇文章主要介绍了vue之子组件如何修改父组件的值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
最新评论