页面跳转
<button bindtap="goNext">跳转到新页面</button>
goNext(){
wx.navigateTo({
url: '/pages/second/second', //页面路径
})
},
传参
goNext() {
wx.navigateTo({
url: '/pages/second/second?id=2',
})
},
子页面接收
onLoad(options) {
const id= options.id;
console.log(id);
}
传多个参数
goNext() {
wx.navigateTo({
url: '/pages/second/second?id=2&title=shaka',
})
},
子页面接受文章来源：https://www.toymoban.com/news/detail-734155.html
onLoad(options) {
const id= options.id;
console.log(id);
const title = options.title;
console.log(title);
}
动态传参
假设值是后端传过来的动态的值文章来源地址https://www.toymoban.com/news/detail-734155.html
<button bindtap="goNext" data-id="{{item.id}} data-title="{{item.title}}">跳转到新页面</button>
goNext(event) {
const id= event.currentTarget.dataset.id;
const title = event.currentTarget.dataset.title;
wx.navigateTo({
//可以使用模板字符串拼接变量
url:`/pages/second/second?id=${id}&title=${title}`
})
},
到了这里，关于微信小程序wx.navigateTo传给子页面参数(单个参数、多个参数)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
