数组参数赋值

前提:产品列表,可以多选,可以添加数量,点击完成把选择的数据传到上一个页面。再次点击进入产品页面,之前选中的产品不变,

后台获取的参数

this.chosen 新数据, 参数存本地,uni.getStorageSync('chosen')

复制代码
: {id: 78, title: "鼻舒康", image: "", desc: ""}
desc: ""
id: 78
image: ""
title: "鼻舒康"

that.carts:后台返回来的数据

复制代码
0: {id: 78, number: 1, title: "鼻舒康"}
id: 78
number: 1
title: "鼻舒康"
1: {id: 77, number: 1, title: "BTX"}
id: 77
number: 1
title: "BTX"

用本地存储的chosen修改列表参数

复制代码
if (res.data.code == 1) {
						res.data.data.data.map((item, index) => {
							that.$set(item, 'selected', false)
							that.$set(item, 'number', 1)
						})
						that.carts = [...that.carts, ...res.data.data.data]
						that.selectAll = false
						that.chosen = uni.getStorageSync('chosen') || [];
						that.chosen.forEach(chosenItem => {
						  const { id: chosenId, number: chosenNumber } = chosenItem;
						  const targetCartItem = that.carts.find(cartItem => cartItem.id === chosenId);
						  if (targetCartItem) {
						    that.$set(targetCartItem, 'number', chosenNumber);
						    that.$set(targetCartItem, 'selected', true);
						  }
						});
						// that.carts = res.data.data.data
						
						that.total = res.data.data.total
						console.log(that.carts, '12');
						that.islogin = true
						that.loading = false
					} else {
						uni.showToast({
							title: res.data.msg,
							duration: 1500,
							icon: 'none'
						})
					}

重要数据

复制代码
that.chosen = uni.getStorageSync('chosen') || [];
						that.chosen.forEach(chosenItem => {
						  const { id: chosenId, number: chosenNumber } = chosenItem;
						  const targetCartItem = that.carts.find(cartItem => cartItem.id === chosenId);
						  if (targetCartItem) {
						    that.$set(targetCartItem, 'number', chosenNumber);
						    that.$set(targetCartItem, 'selected', true);
						  }
						});

根据id判断 是否选中,选中的数据 selected = true

点击选中需要存本地的参数,

复制代码
that.carts.map((item, index1) => {
				  if (index == index1) {
				    item.selected = !item.selected;
				    if (item.selected == true) {
				      let res = {
				        id: item.id, 
				        number: item.number || 1,
				        title: item.title
				      };
				      const isExist = that.chosen.some(item => item.id === res.id);
				      if (!isExist) {
				        that.chosen.push(res);
				      }
				      uni.setStorageSync('chosen', that.chosen);
				      console.log(that.chosen, 'push');
				    } else {
				      const targetIndex = that.chosen.findIndex(chosenItem => chosenItem.id === item.id);
				      if (targetIndex !== -1) {
				        that.chosen.splice(targetIndex, 1);
				      }
				      uni.setStorageSync('chosen', that.chosen);
				      console.log(that.chosen, 'push22');
				    }
				  }
				});

修改数据里面的number 并且更新到本地存储,

复制代码
/**
			 * 修改商品数量
			 */
			changeNum: function(index, id, number, type) {
				console.log(index, id, number, type);
				var that = this;
				var carts = that.carts;
				var number = parseInt(carts[index].number);
				if (type == 0) {
					number = number - 1;
					if (number <= 1) {
						number = 1;
					}
				} else {
					number = number + 1;
				}

				carts[index].number = number;
				that.goods_numId = number
				that.cartId = [id]
				const targetChosenItem = that.chosen.find(item => item.id === id);
				if (targetChosenItem) {
				  targetChosenItem.number = number; // 同步更新数量
				  // 可选:如果之前有将chosen存入本地存储,这里同步更新本地存储,保证数据一致性
				  uni.setStorageSync('chosen', that.chosen);
				}
				
			},
相关推荐
Csvn33 分钟前
SSR/SSG/ISR(上):峡谷与渲染策略的时间预算
前端
Csvn39 分钟前
SSR/SSG/ISR(下):可交互性、新鲜度与回源账
前端
酷炫码神1 小时前
Day 10|Pinia 状态管理:把散落在各组件的数据,收进一个全局仓库
android·开发语言·javascript
水饺编程2 小时前
第2章:Linux 基础,切换到超级用户
linux·c语言·汇编
便利店10243 小时前
系统活动一抓留存!深入 Linux C/C++ 调试工具之 sysdig
linux·运维·服务器·sysdig
Elcker3 小时前
YnuoAgent(依诺):一个 npm 包,跑起属于自己的 AI 研发平台
前端·人工智能·npm
qetfw4 小时前
Bash 变量:export、位置参数与默认值展开验证
linux·开发语言·chrome·bash
酷炫码神4 小时前
Day 8|Vue3 响应式:告别手动操作 DOM,让数据驱动界面
javascript·vue.js·ecmascript
计算机魔术师4 小时前
发现2天,修复2个月:AI挖穿PHP后,卡兹克讲透攻防时间差
前端
风骏时光牛马4 小时前
测试标题001
前端