mpvue页面跳转及传值

vue中是使用vue-router进行路由跳转。mpvue中只能使用下面几种方法。

(1)a标签

<a href="/pages/list/main?id=123456?">

(2)普通跳转navigateTo

godetails(id){
    const url = '../goods/main?id='+id
    wx.navigateTo({ url })
}

(3).< navigator></navigator>标签

<navigator url="/pages/commemtList/main?id=1236478365"></navigator>

(4)底部导航跳转 switchTab

// 加入购物车
addCart () {
  const url = '../logs/main'
   wx.switchTab({url})
},

接受页面传值方式：

(1).在onLoad中

onLoad (options) {
 let id = options.id
},

(2).通过 this.root.mp.query

在所有 页面 的组件内可以通过 this.root.mp.query

mp.query 进行获取小程序在 page onLoad 时候传递的 options。要注意：写在mounted函数里，写到created会报如下图错误:

(3).在所有的组件内可以通过 this.root.mp.appOptions 进行获取小程序在 app onLaunch/onShow 时候传递的 options。

原文