转:mpvue 页面间传参

最新推荐文章于 2022-11-04 10:38:54 发布

QAQ_0

最新推荐文章于 2022-11-04 10:38:54 发布

阅读量579

点赞数

分类专栏： mpvue

mpvue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

mpvue 页面间传参

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

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

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

onShow: function () {
this.currentTab = this. $r o o t .$ 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/