转:mpvue 页面间传参

mpvue 页面间传参

所属分类：javascript web前端 web前端开发 微信开发
当使用mpvue时，使用小程序原生带参跳转如何取到值是一个很头疼的问题，现在就记录一下；

这里是mpvue中使用wx.navigateTo进行带参跳转

systemMessage () {let tab = 2const url = '../user-message/main?tab=' + tabwx.navigateTo({ url })}```
在user-message/index.vue页面的onShow()函数里使用 this.$root.$mp.query.tab获取参数

onShow: function () {
this.currentTab = this.$root.$mp.query.tab || ‘1’
},

注意：1、在所有页面的组件内可以通过 this.$root.$mp.query 进行获取小程序在 page，onLoad 时候传递的 options。要注意：写在onShow()函数里，写到created报错。2、所有的组件内可以通过 this.$root.$mp.appOptions 进行获取小程序在 app onLaunch/onShow 时候传递的 options。
转自:http://www.xkboke.com/2019/01/02/mpvue-%E9%A1%B5%E9%9D%A2%E9%97%B4%E4%BC%A0%E5%8F%82/