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

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=张三'
});

原创作者：吴小糖

创作时间：2024.1.18