mpvue 页面跳转传参

一、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: 监听页面加载')
  }