mpvue 页面跳转传参
一、mpvue进行小程序开发的过程中,进行页面的跳转不能使用vue的路由,只能使用微信小程序的页面跳转方法官网文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.htmlwx.navigateTo({url: 'test?id=1',events: {// 为指定...
·
一、mpvue进行小程序开发的过程中,进行页面的跳转不能使用vue的路由,只能使用微信小程序的页面跳转方法
官网文档地址:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html
wx.navigateTo({
url: 'test?id=1',
events: {
// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
acceptDataFromOpenedPage: function(data) {
console.log(data)
},
someEvent: function(data) {
console.log(data)
}
...
},
success: function(res) {
// 通过eventChannel向被打开页面传送数据
res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
}
})
二、页面跳转传参
const url = '../detail/main?id=' + id + '&name=' + name
wx.navigateTo({ url: url })
三、参数的获取,使用小程序的生命周期函数onload函数来获取
onLoad (option) {
this.id = option.id
this.name = option.name
console.log(option)
console.log('小程序 [page-blog] 生命周期: onLoad: 监听页面加载')
}
更多推荐
已为社区贡献1条内容
所有评论(0)