微信小程序 跳转界面,选择货物之后,返回上一页带参数并判断参数是否存在

需求

当刚进来时选择货物,跳转到选择货物界面进行货物选择,如果货物重复,不再新增货物,如果不存在,则新增
prevPage.setData()用于在页面之间传递数据。它将数据设置到上一个页面(即prevPage)的data对象中,然后可以在上一个页面中通过data属性访问该数据。这种方式适用于在页面之间传递少量数据。
wx.setStorage和wx.setStorageSync用于在本地存储中保存数据。它们可以将数据存储在微信小程序的本地缓存中,以便在小程序的不同页面中进行读取和使用。这种方式适用于需要在不同页面之间长期存储数据的情况。

选择货物


选择完毕之后

js 复制代码
// main.js
 /**
     * 上一个页面的初始数据
     */
    data: {
        addGoods: [],
        }
        
   /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
        let that = this;
        // 选择了产品信息
        if (that.data.addGoods && that.data.goods.length == 0) {
            that.setData({
                goods: that.data.addGoods
            })
        } else if (that.data.addGoods.length > 0 && that.data.goods.length > 0) {
            for (let j = 0; j < that.data.addGoods.length; j++) {
                // 检查新数组中是否已经包含具有相同id的对象
                let existingElement = that.data.goods.find(item => item.id === that.data.addGoods[j].id);
                if (!existingElement) {
                    that.data.goods.push(that.data.addGoods[j]);
                }
            }
            that.setData({
                goods:that.data.goods
            })
        }
    },     
js 复制代码
   //child.js 在需要进行传值的地方进行setData
   
  let pages = getCurrentPages(); // 获取页面栈  好处在于 刷新比缓存及时
        let currPage = pages[pages.length - 1]; // 当前页面
        let prevPage = pages[pages.length - 2]; // 上一个页面
        prevPage.setData({
            // 要设置的值
            addGoods: arr
        })

注意:在使用setData()方法传递数据给父页面时,需要保证父页面已经加载完成,否则可能会出现数据传递不成功的情况。

相关推荐
fakaifa7 小时前
点大餐饮独立版系统源码v1.0.3+uniapp前端+搭建教程
小程序·uni-app·php·源码下载·点大餐饮·扫码点单
Dignity_呱13 小时前
如何在不发版时,实现小程序的 AB 测试?
前端·面试·微信小程序
说私域13 小时前
基于开源 AI 大模型 AI 智能名片 S2B2C 商城小程序视角下的企业组织能力建设与破圈升级
人工智能·小程序
fakaifa21 小时前
【最新版】CRMEB Pro版v3.4系统源码全开源+PC端+uniapp前端+搭建教程
人工智能·小程序·uni-app·php·crmeb·源码下载·crmebpro
2501_915918411 天前
iOS 应用上架全流程实践,从开发内测到正式发布的多工具组合方案
android·ios·小程序·https·uni-app·iphone·webview
上海云盾第一敬业销售1 天前
小程序被爬虫攻击,使用waf能防护吗?
爬虫·小程序
suncentwl1 天前
做一个答题pk小程序多少钱?
小程序·答题小程序·知识竞赛·答题pk软件
说私域1 天前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的流量转化策略研究
人工智能·小程序
咸虾米_1 天前
微信小程序通过uni.chooseLocation打开地图选择位置,相关设置及可能出现的问题
微信小程序·小程序·uniapp开发·小程序地图api
未来之窗软件服务2 天前
蔬菜批发小程序:生产商的数字化转型利器——仙盟创梦IDE
小程序·自动化·仙盟创梦ide·东方仙盟·蔬菜批发·批发系统