微信小程序中使用全局变量解决页面的传值问题

最新推荐文章于 2024-08-30 01:00:14 发布
最新推荐文章于 2024-08-30 01:00:14 发布
阅读量8.9k 收藏 18
点赞数 8
分类专栏： 微信小程序 文章标签： 微信小程序 全局变量 在线点餐平台 本地储存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hariod/article/details/84143372
版权

微信小程序中使用全局变量解决页面的传值问题

由于项目需要，最近便在做 一个类似于美团的餐饮平台的的微信微信小程序 ，项目有十几个页面，那么页面间的传值被经常用到。在小程序中页面间的传值主要有使用全局变量和本地存储这两种方法，在这个项目中我采用的是全局变量的方法

项目中使用的地方

  1. 下图为用户下单页面，下单时要选择配送地址，点击配送地址后跳入选择地址页面。
    此为用户下单页面，下单时要选择配送地址，点击配送地址后跳入选择地址页面
    2.下图为用户选择地址页面，用户点击选择地址选项进行选择后再点击返回按钮回到用户下单页面
    用户选择地址页面
    3.此为用户选择地址后返回的下单页面。此时下单页面的“选择地址”变为了用户自己的地址，便已经是完成了页面间的传值

全局变量传值具体说明

1.全局变量的定义

全局变量的定义
在app.j

最低0.47元/天 解锁文章
Hariod
关注
专栏目录
微信小程序在app.js修改后的全局变量值在其他页面异步获取的问题
xm1037782843的博客
07-20 2623
虽然app.js先于index.js。但是修改app.js中的全局变量是异步请求，如果你想在index.js里获取app.js修改后的值，那么需要使用promise来实现异步。 小程序默认项目自带了一种获取授权头像的信息了 promise实现异步操作同步显示流程 app.js //app.js App({ //获取授权的头像信息 检测授权 getUserInfo() { return new Promise((resolve, reject) => { ..
微信小程序定义全局变量_微信小程序中使用全局变量解决页面的传值问题
weixin_34246826的博客
01-13 1665
由于项目需要，最近便在做 一个类似于美团的餐饮平台的的微信微信小程序，项目有十几个页面，那么页面间的传值被经常用到。在小程序中页面间的传值主要有使用全局变量和本地存储这两种方法，在这个项目中我采用的是全局变量的方法项目中使用的地方下图为用户下单页面，下单时要选择配送地址，点击配送地址后跳入选择地址页面。下图为用户选择地址页面，用户点击选择地址选项进行选择后再点击返回按钮回到用户下单页面此为用户选...
js 获取上个页面的地址_微信小程序在app.js修改后的全局变量值在其他页面异步获取的问题
weixin_39665507的博客
11-24 238
虽然app.js先于index.js。但是修改app.js中的全局变量是异步请求，如果你想在index.js里获取app.js修改后的值，那么需要使用promise来实现异步。小程序默认项目自带了一种获取授权头像的信息了promise实现异步操作同步显示流程app.jsApp({ //获取授权的头像信息 检测授权 getUserInfo() { return new Promis...
微信小程序通过全局变量作中介，数据在页面间传递
最新发布
2301_81058799的博客
08-30 238
通过⽤全局变量作为中介，把数据从一个源页面传到另一个页面。适合以⼩程序启动到彻底关闭为周期的的数据，且在很多页面都要使用这个数据的，建议存储在app.js⽂件夹中。
微信小程序中全局变量userInfo在其它页面不可用（wx.getUserInfo为异步获取信息）
shiGXW的博客
05-14 2011
app.js中获取用户的openid和userinfo，并存储为全局变量，当在index中调用getApp().globalData.userInfo时却返回为空值： getUserInfo: function () { var that = this wx.getUserInfo({ success: function (res) { console.log('用户信息', res.userInfo) that.glo
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
陈万洲的专栏
05-15 7669
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化 在小程序中，我们一般在app.js的onLaunch中发起登录请求，由于是请求是异步的，这时候你发下在页面的page.js中，会发现取不到值。这里我们使用监听全局变量globalData的变化，目前还没发下小程序有自带的监听机制，这里我们自己来实现。 1. 在app.js 中添加监听函数 // 监听全局变量变化 watch: functio
微信小程序中子页面向父页面传值实例详解
12-01
在微信小程序中，子页面与父页面之间的通信是开发过程中常见的需求。本实例将详细讲解如何在微信小程序中实现子页面向父页面传递值的方法，主要涉及到页面路由、API调用以及页面对象的操作。 首先，我们需要理解...
微信小程序如何利用getCurrentPages进行页面传值
10-16
在微信小程序的开发过程中，页面间的通信是一个常见的需求。通常，开发者会使用各种方式来传递数据，如使用全局变量、本地存储（wx.setStorageSync 和 wx.getStorageSync）等。然而，这些方法可能存在一些不便之处，...
微信小程序 页面传值详解
08-31
总结：微信小程序的页面传值涵盖了多种方式，包括URL参数、页面栈管理、本地存储和全局变量。在实际开发中，开发者需要根据具体情况选择最合适的传值方式。理解并熟练掌握这些方法，将有助于提升微信小程序应用的...
微信小程序中 页面2改变值后，返回到页面1时需重新加载数据，其他页面返回不重新加载
讨口子
03-31 2429
类似问题：wx.navigateBack() 携带参数返回 以方方优选商城小程序为例： 点击切换站点后，商品列表须重新加载 切换站点 并返回 重新渲染 北京站 的商品数据 其他页面返回 不需要重新加载，这里用onShow()不合适，如用户点击商品进入商品详情页 返回后要还原现场的话 onShow就不好实现。 这里可以这样做： 在站点列表页面，选择站点并返回的时候触发，调用商品列表中的onL...
微信小程序------如何在其他页面获取和改变全局变量
GIS
01-13 5873
最近自己在做毕业论文是利用iBeacon来进行室内定位，因为需求刚好使用到了微信小程序。由于自己是微信小程序这方面的小白，所以这个问题困扰了自己很久，其实这个问题很简单。结合自己入的坑和上网查的资料，谈谈自己经验，希望能够帮助到刚自学微信小程序的小白！
js全局变量和局部变量名称一样_微信小程序的全局变量、页面变量，你真的掌握了？...
weixin_39744894的博客
11-22 234
开发微信小程序时，遇到的坑挺多的，别的不说，单是变量的应用，就够你折腾一阵子的了，可能，或许是我不熟悉的缘故吧?1如果你认为你很熟悉的话，那你猜一下，下面的变量—userInfo，是属于全局变量，还是页面变量?var userInfo= { name: '小明', age: 18}Page({ onReady: function() { console.log(userInfo.name) }})...
微信小程序动态获取最新的全局变量
qq_35526165的博客
10-30 1129
一、场景 需要获取app.js中自定义的全局变量，并展示到index.wxml 二、实现 index.js //获取应用实例 const app = getApp() Page({ data: { free_num:app.globalData.free_num,, }, }) index.wxml <text>{{free_num}}</text> 问题：如果全局的free_num更新，则index.js的free_num无法随之更新。 解决方法： 利用生命周
微信小程序-----刷新页面3种方式
热门推荐
淘淘桃的博客
07-21 1万+
3.点击左上角的返回按钮时，返回事件不会触发 onload() ,但是会触发 onshow()，所以可以在 onshow() 中写入刷新或者是调取页面数据的代码。因为小程序都是异步操作，所以很多时候，可能会造成服务器相应慢的问题，导致页面显示的时候会有延迟、造成闪烁的情况。微信小程序要实现页面刷新，简单的说就是在不同的地方重新执行 onLoad 周期函数。2.用 pages 获取到当前页码数，然后执行当前页的 onLoad 函数。1.用 onLoad 周期方法重新加载，实现当前页面的刷新。
微信小程序 设置变量到全局变量中
hello17world
06-27 7486
设置 getApp().globalData.wx_id = 6666初始化 globalData: { wx_id : 8989 }获取 wx_id : getApp().globalData.wx_id,
html页面如何修改全局变量的值,（4#）【已解决】微信小程序一个页面修改了全局变量，另一个页面却还是显示该变量的初始值...
weixin_39843677的博客
06-09 685
微信小程序踩坑记问题描述：做法：设想，在一个页面A的A.js中改变app.js中设置的某全局变量 theGlobalData 的值，然后在页面B的B.wxml上专门有一个{{theGlobalData}}用来获取并显示该全局变量值的表达式。目的：上述做法目的是当我们在A.js中对一个变量做了变化，希望另一个页面B.wxml能够实时呈现该变量被改变后的值。遇到的困难：A.js中改变的这个全局变量在B...
小程序如何刷新当前页面
qingdouxiaohua的博客
06-08 3667
总结：小程序刷新当前页面的方法有多种，你可以根据具体的需求和场景选择合适的方法。在选择方法时，请考虑性能、数据一致性、用户体验和代码可读性等因素。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值