本篇內容主要講解“小程序如何實現頁面跳轉”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“小程序如何實現頁面跳轉”吧!
1.保留當前頁面,跳轉到應用內另一個頁面:wx.navigateTo({ url: '頁面路徑', })
實例:
pageSkip :function(){
wx.navigateTo({
url: '/page/admin/business',
})
},
2.關閉當前頁面,返回到上一級或多級頁面:wx.navigateBack({ url: '頁面路徑', })
實例:
pageSkip :function(){
wx.navigateBack({
url: '/page/admin/shops',
})
},
3.關閉當前頁面,跳轉到應用內某個頁面:wx.redirectTo({ url: '頁面路徑', })
實例:
pageSkip :function(){
wx.redirectTo({
url: '/page/index',
})
},
4.關閉所有頁面,打開應用內某個頁面:wx.reLaunch({ url: '頁面路徑', })
實例:
pageSkip :function(){
wx.reLaunch({
url: '/page/login',
})
},
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">
到此,相信大家對“小程序如何實現頁面跳轉”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。