小程序用戶授權后如何返回首頁

這篇文章主要介紹小程序用戶授權后如何返回首頁，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

小程序用戶授權后怎么返回首頁

實現(xiàn)方法有多種，具體如下：

1、使用 wx.navigateBack(Object object) 關閉當前頁面，返回上一頁面或多級頁面?？赏ㄟ^ getCurrentPages 獲取當前的頁面棧，決定需要返回幾層。

示例代碼：

// 此處是A頁面
wx.navigateTo({
  url: 'B?id=1'
})

// 此處是B頁面
wx.navigateTo({
  url: 'C?id=1'
})

// 在C頁面內 navigateBack，將返回A頁面
wx.navigateBack({
  delta: 2
})

2、使用 wx.navigateTo(Object object) 跳轉頁面，保留當前頁面，跳轉到應用內的某個頁面。但是不能跳到 tabbar 頁面。

示例代碼：

wx.navigateTo({
  url: 'test?id=1',
  events: {
    // 為指定事件添加一個監(jiān)聽器，獲取被打開頁面?zhèn)魉偷疆斍绊撁娴臄?shù)據(jù)
    acceptDataFromOpenedPage: function(data) {
      console.log(data)
    },
    someEvent: function(data) {
      console.log(data)
    }
    ...
  },
  success: function(res) {
    // 通過eventChannel向被打開頁面?zhèn)魉蛿?shù)據(jù)
    res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
  }
})

//test.js
Page({
  onLoad: function(option){
    console.log(option.query)
    const eventChannel = this.getOpenerEventChannel()
    eventChannel.emit('acceptDataFromOpenedPage', {data: 'test'});
    eventChannel.emit('someEvent', {data: 'test'});
    // 監(jiān)聽acceptDataFromOpenerPage事件，獲取上一頁面通過eventChannel傳送到當前頁面的數(shù)據(jù)
    eventChannel.on('acceptDataFromOpenerPage', function(data) {
      console.log(data)
    })
  }
})

3、使用wx.redirectTo(Object object)關閉當前頁面，跳轉到應用內的某個頁面。但是不允許跳轉到 tabbar 頁面。

代碼示例：

wx.redirectTo({
  url: 'test?id=1'
})

4、使用wx.reLaunch(Object object)關閉所有頁面，打開到應用內的某個頁面

代碼示例：

wx.reLaunch({
  url: 'test?id=1'
})
// test
Page({
  onLoad (option) {
    console.log(option.query)
  }
})

以上是“小程序用戶授權后如何返回首頁”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！