1. 程式人生 > >mpvue微信小程式之間的跳轉navigator標籤的坑 ,接收不到extra-data傳遞的物件

mpvue微信小程式之間的跳轉navigator標籤的坑 ,接收不到extra-data傳遞的物件

老方法即將廢棄,在這裡就不多說了,在mpvue裡這個方法其實是有坑的
navigator標籤官方文件,詳細介紹去這裡看

A小程式

<navigator target="miniProgram" open-type="navigate" app-id="wx049a3" path="/pages/privilege/main?id=123" :extra-data="extraData" version="develop" >跳轉到另外一個小程式</navigator>
傳遞資料需要說兩點
  • path=”/pages/privilege/main?id=123” 可以通過url獲取引數值
  • :extra-data=”extraData” 通過App.onLaunch(),App.onShow()中獲取到這份資料

B小程式

mpvue script部分
import toast from '@/components/toast/toast'
var hasData = false
App({
   onLaunch: function(options) {
    var extraData = null;
    if(options.referrerInfo.extraData){
      extraData = options.referrerInfo.extraData
    }
  },
})
export default
{ data() {}, onLaunch: function(options) { //這裡接收不到傳輸的extraData物件,url引數可獲取到 //需用小程式原生App({}) }, onShow: function(options) { //這裡接收不到傳輸的extraData物件,url引數可獲取到 //需用小程式原生App({}) }, methods: {} }

這裡想說明一下,需要建立一個App({}),在這裡面獲取extraData對

這裡我是通過小程式在手機上模擬的,在要在微信開發者工具中模擬。微信也給了方法
按照這個填寫 就可以在pc上模擬
這裡寫圖片描述


end