vue数据push后不能响应式更新

原创于 2022-04-01 00:49:34 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

vue.js 专栏收录该内容

1 篇文章

订阅专栏

这段代码主要涉及数据处理，特别是在对象列表中进行操作。当`res.data`不为空时，初始化`temp_goodsList`，遍历`navItem.orderList`和`trandeProductList`，根据`tradeNo`匹配商品并将其添加到对应的订单项的`goodsList`中。最后清空`temp_goodsList`，确保数据结构的正确性。

1、未新属性先开辟空间

	if (res.data.length > 0) {
							// var goodesMap = new Map()
							var temp_goodsList = []

							var trandeProductList = res.data
							navItem.orderList.push({
								goodsList: []
							})
							for (var i = 0; i < navItem.orderList.length; i++) {
								for (var j = 0; j < trandeProductList.length; j++) {
									if (navItem.orderList[i].tradeNo == trandeProductList[j].trandeForm
										.tradeNo) {
										temp_goodsList.push(trandeProductList[j])
									}
								}
								navItem.orderList[i]["goodsList"] = temp_goodsList

								// Object.assign(navItem.orderList[i], goodesMap.get("goodsList"));
								// navItem.orderList[i].push(goodsList)
								temp_goodsList = []
								// goodesMap.clear()
							}

							// var s = that.navList[0].orderList[0].goodsList.length
							// for (var i = 0; i < navItem.orderList.length; i++)
							// {
							// 	for (var j = 0; j < navItem.orderList[i].goodsList.length; j++) {
							// 		console.log(navItem.orderList[i].goodsList[j].product.name)
							// 	}

							// }
						}