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

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

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

1、路由跳转

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

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

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

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5OTg1NTEx_size_16_color_FFFFFF_t_70

举个例子:

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

2、接收参数

(1)

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

(2)

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

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

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

发表评论

表情:
评论列表 (有 0 条评论,681人围观)

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

相关阅读

    相关 程序传参

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