mpvue 页面间传参

  • A+

当使用mpvue时,使用小程序原生带参跳转如何取到值是一个很头疼的问题,现在就记录一下;

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

  1. systemMessage () {
  2.         let tab = 2
  3.         const url = '../user-message/main?tab=' + tab
  4.         wx.navigateTo({ url })
  5.       }

在user-message/index.vue页面的onShow()函数里使用 this.$root.$mp.query.tab获取参数

  1. onShow: function () {
  2.      this.currentTab = this.$root.$mp.query.tab || '1'
  3.    },

注意:1、在所有页面的组件内可以通过 this.$root.$mp.query 进行获取小程序在 page,onLoad 时候传递的 options。要注意:写在onShow()函数里,写到created报错。

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

 

 

weinxin
我的微信
这是我的微信扫一扫
kiven

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: