1. URL参数传值:
wx.navigateTo({ url: '/pages/targetPage/targetPage?id=123&name=John' });
目标页面:
onLoad: function(options) { console.log(options.id); // 输出:123 console.log(options.name); // 输出:John }
2. 全局变量:
在app.js中定义全局变量:
App({ globalData: { id: null, name: '' } });
源页面:
getApp().globalData.id = 123; getApp().globalData.name = 'John'; wx.navigateTo({ url: '/pages/targetPage/targetPage' });
目标页面:
onLoad: function() { console.log(getApp().globalData.id); // 输出:123 console.log(getApp().globalData.name); // 输出:John }
3.缓存存储:
wx.setStorageSync('id', 123); wx.setStorageSync('name', 'John'); wx.navigateTo({ url: '/pages/targetPage/targetPage' });
目标页面:
onLoad: function() { console.log(wx.getStorageSync('id')); // 输出:123 console.log(wx.getStorageSync('name')); // 输出:John }
4.路由传参:
wx.navigateTo({ url: '/pages/targetPage/targetPage?id=123&name=John' });
目标页面:
onLoad: function(options) { console.log(options.id); // 输出:123 console.log(options.name); // 输出:John }
5.事件触发传参:
// 源页面的wxml文件中 <button bindtap="navigateToPage" data-id="123" data-name="John">跳转</button>
// 源页面的js文件中 navigateToPage: function(event) { wx.navigateTo({ url: '/pages/targetPage/targetPage' }); var id = event.currentTarget.dataset.id; var name = event.currentTarget.dataset.name; getApp().globalData.id = id; // 存入全局变量 getApp().globalData.name = name; // 存入全局变量 }
目标页面:
onLoad: function() { console.log(getApp().globalData.id); // 输出:123 console.log(getApp().globalData.name); // 输出:John }
以上是几种常见的小程序页面传值的方式的代码示例。根据实际需求选择合适的方式进行页面间的传值操作。
来源:https://blog.csdn.net/qq_61950936/article/details/131654465