微信小程序开发的坑---路由参数

客官°小女子只卖身不卖艺 2021-09-18 00:06 658阅读 0赞

今天，咱们来说一下，路由跳转和路由参数

# 1、路由跳转 #

(1)通过a便签的href进行跳转

eg:   <a href='pages/detail/main?id=XXX'></a>

(2)通过wx内置的路由进行跳转【这就不详细说了】[wx官方路由][wx]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTg1NTEx_size_16_color_FFFFFF_t_70][]

举个例子：

eg：
        let url =  `../detail/main?id=${item.id}&title=${item.title}&rate=${item.rate}&url=${item.url}`
                wx.navigateTo({url})

# 2、接收参数 #

（1）

onShow () {
          /*
            需要在mounted之后调用也就是wx中onLoad之后
             */
           this.query = this.$root.$mp.query
      },

（2）

onShow () {
          /*
            需要在mounted之后调用也就是wx中onLoad之后
             */
    
        this.query = getCurrentPages()[getCurrentPages().length-1].options
    
      }

以上2种方式都可以拿到路由跳转的参数

# 原创不易，自由转载，注明出处 #

[wx]: https://developers.weixin.qq.com/miniprogram/dev/api/wx.switchTab.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTg1NTEx_size_16_color_FFFFFF_t_70]: /images/20210812/1aa483dd01cf4d29ba41de75a9089278.png

发表评论取消回复

表情：

评论列表（有 0 条评论，658人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序路由传参

微信小程序路由传参在微信小程序中，可以通过路由传参将数据传递给目标页面。以下是一种常见的方式：在源页面中，使用 `wx.navigateTo` 或 `wx.redi

男娘i/ 2023年10月10日 18:04/ 0 赞/ 35 阅读

相关微信小程序的路由与页面栈

路由就是根据不同的URL显示不同的内容或者页面，也就是跳转页面。一、切换路由页面大体分为两种，一种是tabbar页面，一种是非tabbar页面。tabbar页面

落日映苍穹つ/ 2023年06月11日 04:28/ 0 赞/ 55 阅读

相关微信小程序常见的坑

css样式的background图片不能是本地图片，可以将图片上传到服务器，引用的时候写服务器上的地址，引用本地的图片资源只能使用标签小程序不支持分享链接到朋友圈

Love The Way You Lie/ 2022年05月15日 04:40/ 0 赞/ 359 阅读

相关微信小程序开发入坑

1,微信小程序只能发起https请求吗,能不能发送http请求 [https://blog.csdn.net/weixin\_37281289/article/detail

约定不等于承诺〃/ 2022年02月01日 20:13/ 0 赞/ 375 阅读

相关微信小程序开发的坑---获取小程序码

今日楼主正在搞原生小程序，想搞一下转发功能，而转发功能就需要获取到小程序码，方便别人识别二维码并进入小程序；起因，楼主按照官网，先获取access\_token;然后拿着a

约定不等于承诺〃/ 2021年09月18日 11:40/ 0 赞/ 668 阅读

相关微信小程序开发的坑---路由参数

今天，咱们来说一下，路由跳转和路由参数 1、路由跳转 (1)通过a便签的href进行跳转 eg: <a href='pages/detail/main?i

客官°小女子只卖身不卖艺/ 2021年09月18日 00:06/ 0 赞/ 659 阅读

相关微信小程序开发的坑---vuex

首先声明，楼主用的mpvue进行的微信小程序开发，所以，依然用到了mpvue，那么必然少不了状态管理vuex，首先咱们看一下和一个普通的vue项目的区别： 1、普通的vue项

た入场券/ 2021年09月17日 23:44/ 0 赞/ 1001 阅读

相关微信小程序开发的坑---tabBar

楼主最近在自己测试一下小程序，昨天下午浪费了楼主上万个脑细胞，百思不得其解为啥小程序的tabBar不显示呢？楼主是通过mpvue来构建项目，项目目录如下： ![water

电玩女神/ 2021年09月17日 23:00/ 0 赞/ 501 阅读

相关微信小程序 - 路由跳转以及传递参数和获取参数

路由跳转是我们在写项目过程中必用的一个api，路由跳转的方式有很多种，这里我来介绍一下不带参数的路由跳转方式以及带参数的路由跳转方式（这里通过 wx.navigateTo

待我称王封你为后i/ 2021年08月14日 00:10/ 0 赞/ 1097 阅读

相关微信小程序webview跳转小程序内路由

本文作者：caoweiju 原文地址：[关于微信小程序webview的使用-实战教程-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟]

我会带着你远行/ 2021年06月24日 15:58/ 0 赞/ 840 阅读