微信小程序页面传值的几种方式

简介: 微信小程序页面传值的几种方式


1.URL参数传值:通过在跳转链接中附加参数,在目标页面的onLoad函数中获取参数。
2.全局变量:通过在app.js文件中定义全局变量,在源页面设置变量的值,目标页面通过getApp().globalData获取变量的值。
3.缓存存储:使用wx.setStorageSync()在源页面设置存储的值,目标页面通过wx.getStorageSync()获取值。
4.路由传参:使用wx.navigateTo()传递参数,目标页面通过options参数获取传递的值。

 

1.URL参数传值:

wx.navigateTo({
  url: '/pages/targets/targets?id=1&name=张三'
});
 

 

2.全局变量:

在app.js中定义全局变量

App({
  globalData: {
    id: 1,
    name: '张三'
  }
});
 

3.缓存存储:

wx.setStorageSync('id', 1);
wx.setStorageSync('name', '张三');
wx.navigateTo({
  url: '/pages/targets/targets'
});
 

4.路由传参:

wx.navigateTo({
  url: '/pages/targets/targets?id=1&name=张三'
});
 


相关文章
|
6天前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
|
6天前
|
缓存 小程序 UED
微信小程序如何在切换页面后原页面状态不变
微信小程序如何在切换页面后原页面状态不变
56 0
|
6天前
|
小程序 UED 开发者
小程序如何监听页面的滚动事件
小程序如何监听页面的滚动事件
39 0
|
6天前
|
JSON 小程序 JavaScript
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
【微信小程序】-- 自定义组件 - 组件所在页面的生命周期 & 插槽(三十七)
|
6天前
|
存储 缓存 小程序
小程序页面路由传参的方法?
小程序页面路由传参的方法?
|
6天前
|
小程序
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
【微信小程序】-- 页面导航 -- 编程式导航(二十三)
|
6天前
|
小程序
小程序和页面生命周期详解
小程序和页面生命周期详解
16 0
|
6天前
|
小程序
小程序页面路由传参的方法?
小程序页面路由传参的方法?
20 0
|
6天前
|
缓存 小程序 开发者
微信小程序如何刷新当前页面
微信小程序如何刷新当前页面
51 0
|
6天前
|
存储 JSON 小程序
【微信小程序】-- 页面处理总结(三十一)
【微信小程序】-- 页面处理总结(三十一)

热门文章

最新文章