uniapp小程序navigateTo跳转页面传参，如何接收这个参数

核动力驴_

墨衍会员 · AI 创作全网分发码龄5年

关注

原创最新推荐文章于 2026-05-14 06:11:38 发布 555 阅读 AI 写同款· GEO 优化 ›

微信小程序页面传递参数方法文档主要介绍了页面传递参数的方法，少量的参数单页面使用可以采用方法一、大量的单页面使用可以采用方法二或三，多页面暂时缓存数据可以使用方法四，大量的数据多页面永久使用可以采用方法五。阅读详情

话不多说，直接上代码：

# A页面

export default {
  methods: {
    navigateToTargetPage() {
      uni.navigateTo({
        url: '/pages/target/target?param1=value1&param2=value2'
      });
    }
  }
}

#B页面

export default {
  onLoad(options) {
    // options 是一个对象，包含了传递过来的参数
    // 例如：options = { param1: 'value1', param2: 'value2' }
    console.log(options.param1); // 输出 value1
    console.log(options.param2); // 输出 value2
  }
}