微信小程序常見頁面跳轉操作簡單示例
更新時間：2019年05月01日 10:20:24 作者：weixin_41991473
這篇文章主要介紹了微信小程序常見頁面跳轉操作,結合簡單實例形式總結分析了微信小程序保留頁面跳轉、關閉頁面跳轉、返回上一級頁面等各種常見的跳轉操作實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了微信小程序常見頁面跳轉操作。分享給大家供大家參考，具體如下：
1.保留當前頁面，跳轉到應用內另一個頁面：wx.navigateTo({ url: '頁面路徑', })
實例：
pageSkip :function(){
wx.navigateTo({
url: '/page/admin/details',
})
},
2.關閉當前頁面，返回到上一級或多級頁面：wx.navigateBack({ url: '頁面路徑', })
實例：
pageSkip :function(){
wx.navigateBack({
url: '/page/admin/shops',
})
},
3.關閉當前頁面，跳轉到應用內某個頁面：wx.redirectTo({ url: '頁面路徑', })
實例：
pageSkip :function(){
wx.redirectTo({
url: '/page/index/one',
})
},
4.關閉所有頁面，打開應用內某個頁面：wx.reLaunch({ url: '頁面路徑', })
實例：
pageSkip :function(){
wx.reLaunch({
url: '/page/login/two',
})
},
5.跳轉到 tabBar 頁面，并關閉其他所有非 tabBar 頁面：wx.switchTab({ url: '頁面路徑', })
實例：
pageSkip :function(){
wx.switchTab({
url: '/page/shops/homepage',
})
},
附：wxml內頁面跳轉：
<navigator url="頁面路徑" open-type="navigate"></navigator>
實例：
<navigator url="/pages/admin/goodsOrder" open-type="navigate">
希望本文所述對大家微信小程序開發(fā)有所幫助。
相關文章
這篇文章主要為大家詳細介紹了微信小程序canvas2d生成圖形驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
本文將介紹JavaScript如何實現(xiàn)拼音排序 支持所有主流瀏覽器+中英文系統(tǒng)2012-11-11
這篇文章主要介紹了JavaScript中this的用法,結合實例形式分析了this的功能、常見用法與相關注意事項,需要的朋友可以參考下2016-12-12
bootstrap就非常好用，而且框架布局很漂亮，用起來也很簡單。今天小編給大家分享BootStrap的Datepicker控件使用心得，一起看看吧2016-05-05
這篇文章主要介紹了javascript觸發(fā)模擬鼠標點擊事件,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-06-06
Webpack設置環(huán)境變量的一些誤區(qū)詳解
這篇文章主要給大家介紹了關于Webpack設置環(huán)境變量的一些誤區(qū)，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Webpack具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-12-12
這篇文章主要為大家介紹了移動端touch拖動和click事件沖突問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要介紹了小米公司JavaScript面試題的個人解題方法,需要的朋友可以參考下2014-12-12
我們大家在做彈出層的時候，必不可少的一個元素就是蒙層，也就是遮罩層，當彈出層滾動的時候，蒙層底部的頁面一般是要求固定不動的，所以這篇文章就來給大家介紹了如何禁止彈窗中蒙層底部頁面跟隨滾動的幾種方法，需要的朋友可以參考下。2017-12-12
js中如何將多層嵌套的數(shù)組轉換為一層數(shù)組
這篇文章主要介紹了js中如何將多層嵌套的數(shù)組轉換為一層數(shù)組問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06