博客
关于我
关于使用map,for等遍历数组获取其中每一项的值在调用接口只取到最后一个值的问题
阅读量:695 次
发布时间:2019-03-15

本文共 1139 字,大约阅读时间需要 3 分钟。

接上一篇文章;

这里循环一个数组list,拿到其中的某些值,去做参数执行下一步的方法,需要这个参数(params)是变化的,但是在sendRightsParams方法中,输出的值总是数组的最后一项里面的内容,

getRights(list) {               const paramsKey = this.mediaForRights[this.type].keys.value;            if (list && list.length) {                   list.map((item, index) => {                       const params = item.name;                    const temp = item[this.mediaForRights[this.type].keys.id];                    this.$set(params, paramsKey, temp);                    this.sendRightsParams(params, index);                });            }        },

造成的原因:

这里给paramsKey赋值的话,每次重新的遍历会覆盖掉之前的值;
修改之后的代码

getRights(list) {               const paramsKey = this.mediaForRights[this.type].keys.value;            if (list && list.length) {                   list.map((item, index) => {                       const params = Object.assign({   }, item.name);                    const temp = item[this.mediaForRights[this.type].keys.id];                    this.$set(params, paramsKey, temp);                    this.sendRightsParams(params, index);                });            }        },

另外:如果采用var来定义变量的话可能会经常遇到变量的作用域、变量提升问题;一般使用let比较好。

转载地址:http://qgfmz.baihongyu.com/

你可能感兴趣的文章
Node-RED中实现HTML表单提交和获取提交的内容
查看>>
Vue3+elementplus实现图片上传下载(最强实践)
查看>>
Node-RED中将CSV数据写入txt文件并从文件中读取解析数据
查看>>
Node-RED中建立TCP服务端和客户端
查看>>
Node-RED中建立Websocket客户端连接
查看>>
Node-RED中建立静态网页和动态网页内容
查看>>
Vue3+Element-ul学生管理系统(第二十二课)
查看>>
Node-RED中怎样让网站返回JSON数据
查看>>
Node-RED中根据HTML文件建立Web网站
查看>>
Node-RED中解析高德地图天气api的json数据显示天气仪表盘
查看>>
Node-RED中连接Mysql数据库并实现增删改查的操作
查看>>
Node-RED中通过node-red-ui-webcam节点实现访问摄像头并截取照片预览
查看>>
Node-RED中配置周期性执行、指定时间阶段执行、指定时间执行事件
查看>>