小程序-跳轉頁面的方法及坑

剛開始編寫小程序時，頁面跳轉一直採用wx.navigateTo, 可是當我一直來回跳轉後，頁面就沒反應了。今天師傅提示我還能夠用其餘的方法跳轉，如今記錄下來，怕時間一久我就給忘了

 

需求：從 index.wxml 頁面,跳轉到 aaa.wxml 頁面

方法一：WXML頁面實現

1.<navigator url = "/pages/aaa/aaa">跳轉到新頁面</navigator>

2.<navigator url = "/pages/aaa/aaa" open-type = "redirect">跳轉到新頁面</navigator>

3.<navigator url = "/pages/aaa/aaa" open-type = "switchTab">跳轉到新頁面</navigator>

 

方法二：js頁面實現

bindViewTab:function(){

    wx.navigateTo({    //保留當前頁面，跳轉到應用內的某個頁面（最多打開5個頁面，以後按鈕就沒有響應的）

         url:"/pages/aaa/aaa"

    })

 

   wx.redirectTo({      //關閉當前頁面，跳轉到應用內的某個頁面（這個跳轉有個坑，就是跳轉頁面後頁面會閃爍一下，徹底影響了我本身的操做體驗，太缺德了。）

          url:"/pages/aaa/aaa"

     })

  wx.reLaunch({     //跳轉至指定頁面並關閉其餘打開的全部頁面（這個最好用在返回至首頁的的時候）

    url:'/pages/index/index'

  })

    wx.switchTab({    //跳轉到tabBar頁面，並關閉其餘全部tabBar頁面

           url:"/pages/aaa/aaa"

     })

 

    wx.navigateBack({     //返回上一頁面或多級頁面

          delta:1

    })

}