天天看點

小程式中使用wx.navigateTo進行頁面的跳轉

保留目前頁面,跳轉到應用内的某個頁面,但是不能跳轉到tabbar頁面,使用wx.navigateBack()可以傳回原頁面。小程式中頁面棧最多十層。

參數類型:Object

url:表示需要跳轉的非tabBar得頁面路徑,路徑後面可以攜帶參數,參數與路徑之間可以使用?進行分割,參數鍵與參數值使用=相連,不同參數用&分隔,如 'path?key=value&key2=value2'

wx.navigateTo({
            url: `../saleManDetail/listDetail?OrderNo=${e.currentTarget.dataset.orderno}&CustomerName=${e.currentTarget.dataset.customername}&orderStatus=${e.currentTarget.dataset.status}`,
        })
           

 event:頁面之間通信接口,用于監聽被打開頁面發送到目前頁面的資料

success :接口調用成功執行的函數

fail:接口調用失敗執行的函數

complete:接口調用結束的回調函數,無論調用成功或者失敗都執行

wx.navigateTo({
  url: 'test?id=1',
  events: {
    // 為指定事件添加一個監聽器,擷取被打開頁面傳送到目前頁面的資料
    acceptDataFromOpenedPage: function(data) {
      console.log(data)
    },
    someEvent: function(data) {
      console.log(data)
    }
    ...
  },
  success: function(res) {
    // 通過eventChannel向被打開頁面傳送資料
    res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
  }
})
           

更加詳細的内容可以觀看小程式的開發文檔

wx.navigateTo