vue forEach覆盖问题（输出最后一条数据）

最新推荐文章于 2023-10-20 15:31:05 发布
最新推荐文章于 2023-10-20 15:31:05 发布
阅读量1.7k 收藏 2
点赞数
分类专栏： vue常见错误 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43074024/article/details/111312169
版权

在这里插入图片描述
getTrainData().then(res => {
const resData = res.content
const tradinDataObj = {}
const resListData = []
resData.forEach(element => {
if (element) {
tradinDataObj = element.id
tradinDataObj = element.name
resListData.push(tradinDataObj)
}
})
this.trainData = resListData
这种是错误的写法

keitch
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从foreach循环中拿到某一个值
WangyyyyI
07-12 7135
这是从页面的foreach循环中拿到一个列的值并且拼装url请求到控制层 //foreach循环中拿到一个列的值并且拼装url请求到控制层 <script type="text/javascript"> //定位到某一列的id并触发事件 $("#payYmBtn").click(function(){ //拿到payym这个类并且得到其html内容赋值给ym
vue forEach循环数组拿到自己想要的数据方法
01-19
如下所示： (item) label=item.id key=item.id class=checkboxMargin> <span>{{item.value}}{{item.checked}} handleJurisdiction(index, row) {//获取权限 this.selectedCheck=[];... this.jurisdictio
js中数组push对象，前面的值总是被最后一次的值覆盖的问题
热门推荐
xiaoye的博客
11-01 2万+
今天一同学问了我一个问题，说他js中定义了一个数组，每次往里面push对象，结果最后一次push的对象会覆盖之前push进去的值，问我怎么解决。如果你也遇到了相同的问题，请继续看下去---------------------------------------下面是代码模拟：var data = { a:'123', b: '456', c: '789'}; var dataObj = {};//...
遍历数组赋值给对象失败，取到的都是最后一项的值
李炸鸡的博客
06-28 5849
文章目录1. 需求2.问题描述3.问题来源4.解决方案1）把值push进数组，而不是指针2）将item设为块内有效3）切断指针的联系 1. 需求 现有对象数组list后，要取出每一项有用的属性，形成新数组 例如： // ... 已获得的数组 list ，假设为以下值 let list = [ {a: 1, b: 2, c: 3 }, {a: 54, b: 89, c: 49} ]; //...
vue的v-for中循环修改变量（this.xxx）的给子组件传值覆盖重复的问题
最新发布
HD243608836的博客
10-20 922
vue的v-for是最后统一调用给子组件传值，而不是每次执行就调用传值一次！所以变量会在被传值到子组件之前，会被一直修改 list.length 次。而底层逻辑应该是就是“浅拷贝”变量，即引用地址都是指向那同一个地址。使用v-for，其中需要根据不同的item修改某个变量(this.xxx)，然后向子组件中传值，但是发现传到子组件中的。我们循环qsList，其中是我自定义的一个组件，想向该子组件中传值。每次都是新的局部变量。
vue 最后一条数据 获取for,vue循环数据_v-for_/_v-if最后一条
weixin_34722157的博客
03-27 1315
html部分{{item.title}}{{item.content}}如果要找圈是的编小久据直请结未屏屏会气机页实应高到最后一条，给最后一条的list-img单独加上一个red的类能调页代事求都学是功发解开宗这维视如间请前框来总在行回断元随来以4移和泉果名{{item.id}}、{{item.title}}{{item.content}} 或者用我自址哈这工边识框处己按后大都加控不...
在vue中使用for循环有异步请求，每次都只获取到最后一个数据解决办法
cdada_26的博客
05-08 5119
我预想是将标签数组（dynamicTags）使用for循环取出每个值，在遍历标签数组将值一一添加到数据库中，奈何for循环结束了，才去执行put请求，这就导致了只添了数组的最后一个值 原因是axios.put请求是异步请求， 解决方案，使用递归如下面代码所示， tag是一个数组用来存，标签 dynamicTags是在页面中获取的标签名列表 putTagItem(tag,articleId){ var _this=this; if (tag<=0.
<foreach>内置标签如何确定最后一个元素？
未来工厂的博客
05-22 1194
取决于要遍历变量的结构，视情况而定。变量结构： Array ( [0] =&gt; Array ( [product_id] =&gt; 11 [user_id] =&gt; 0 ... ) [1] =&gt; Array ( [prod...
vue 循环加载数据并获取第一条记录的方法
12-29
最近使用elment ui和vue.js，遇到需要像c:foreach类似的效果，就找了 vue的API：https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-if element ui：http://element.eleme.io/#/zh-CN/component/input 用法： ...
vue-resourse将json数据输出实例
12-29
本文主要讲v-resourse 获取json数据并传递到DOM中，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 1.demo目录，不要管index.html和index.js 2.html页面 vue-resourse-josn1.1.html展示json中的数据 <!...
vue项目使用v-for渲染数据只渲染出最后一条
m0_72929120的博客
06-29 582
样式问题，应该给content-list去用flex,但是我直接用在了list-index那个盒子上，数据会平铺
数组push对象，前面的值总是被最后一次的值覆盖的问题
Khun_HWJ的博客
03-31 1186
var data = { a:'123', b: '456', c: '789'}; var dataObj = {};//在外面定义对象 var dataArr = []; for(var i in data) { dataObj.name= data[i]; dataArr.push(dataObj); } console.log(dataArr) ...
foreach 循环数据引用$v 被错误覆盖
姜喆瀚的博客
03-31 430
比如在做循环的时候,需要引用$v进行赋值的时候,循环了很多次,都是引用的$v 那么你一开始查出来的$product_list的末尾数据可能会重复,或者说被错误赋值 $product_list = 'select * from product';//这里简略代码了 foreach ($product_list as &$v) { } foreach ($product_list as &$v) { } foreach ($product_list as &$v) { } 原
Vue for循环请求同一url参数不同但参数覆盖问题
奇点
05-19 1369
今天搞Vue 遇到一个比较怪异的问题，看代码 let self=this for(leti=0;i<data.length;i++){ letitem=data[i] item['id']=i+1//赋值序号 item['similarity']=parseFloat(item['similarity']).toFixed(2) ...
数组push被覆盖
熙熙小学姐
01-13 1290
之前在写代码定义个新的数组，每次将最新的对象push到数组中的时候被最后一条代码覆盖的几率特别大，这次终于明白是为什么了。防止被覆盖有以下几种办法 办法1. this.users.forEach(element => { const result = /[\u4e00-\u9fa5]/g; const name = element.match(res...
vue 最后一条数据 获取for_vue中我怎么再次获取到v-for的每一项数据做再次操作?...
weixin_39652810的博客
12-22 342
问题描述我这场景是几个圆围绕一个大圆拖动其中随便一个圆所有的圆都统一滚动360度,下面这段代码是算出了小圆的角度,但是我拖动事件触发只能操作其中一个小圆的滚动问题出现的环境背景及自己尝试过哪些方法问题是,我需要随便拖动哪个小圆它本身及其他圆都滚动360度,目前只实现了拖动哪个只滚动一个,我使用ref也操作过了获取不到,我目前的思路是怎么事件触发能获取它的属性然后改变就像下方代码拖动当前已经生效了相...
Vue关于数组push时覆盖之前数据的问题
m0_61853901的博客
07-27 733
然后在TransferInfo.vue中使用到了封装的dialog组件以及一个用于显示用户填写数据的表单组件。首先用户点击新增会打开这个dialog并且可以填写所需数据，当用户点击dialog中保存按钮时，我们会通过注册的点击事件对TransferInfo.vue传值。并且再次通过Vue的props向表单组件传送需要显示的数据，表单组件会通过v-for遍历，显示用户新增次数的数据。但是我们发现，当用户新增第二条数据的时候，那么第一条数据中的值会被第二条数据中的值覆盖。
JS把对象push进数组后，前面的值被后面的值覆盖，动态增加表单并可折叠
chuxialia的博客
02-16 979
解决JS把对象push进数组后，前面的值被后面的值覆盖，动态增加表单并可折叠
获取数组最后一项内容
weixin_41929274的博客
01-21 5272
财务报表的页面逻辑会涉及到试算平衡这一个功能,他是取表格数据的最后一项中的字段内容进行比较,来计算 方法一: let arr = this.tableData[this.tableData.length - 1] 方法二: 利用数组方法pop,删除数组最后一项,由于我的项目是用vue做的,用pop之后,页面的数据会少一行,没错,就是最后一行,所以,谨慎使用 let arr = thi...
vue lst添加一条数据到最后
08-09
在Vue中，可以使用Array的push()方法将一条数据添加到数组的最后。 首先，需要在Vue的data中定义一个数组lst，用来存储数据。例如： data() { return { lst: [] } } 然后，可以通过某个事件或方法来触发添加数据操作。在该事件或方法中，使用push()方法将一条数据添加到lst数组的末尾。例如： this.lst.push("新增数据"); 这样，就会将字符串"新增数据"添加到lst数组的最后。 另外，也可以通过直接将数据赋值给lst的方式来添加数据。例如： this.lst = [...this.lst, "新增数据"]; 在以上代码中，通过将原有数组this.lst和新数据["新增数据"]进行解构合并，将新增数据添加到数组的最后。 总之，Vue中可以通过push()方法或直接赋值的方式将一条数据添加到数组lst的最后。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值