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


剛開始編寫小程序時,頁面跳轉一直采用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

    })

}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM