mpvue 页面跳转传参

最新推荐文章于 2025-05-28 11:14:44 发布

gis_SSS

最新推荐文章于 2025-05-28 11:14:44 发布

阅读量3.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/gis_zzu/article/details/95042690

vue 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍MPVue中使用微信小程序API进行页面跳转的方法，包括如何传递参数及接收参数，确保开发者能正确实现页面间的数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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