微信小程序常见页面跳转操作简单示例
更新时间：2019年05月01日 10:20:24 作者：weixin_41991473
这篇文章主要介绍了微信小程序常见页面跳转操作,结合简单实例形式总结分析了微信小程序保留页面跳转、关闭页面跳转、返回上一级页面等各种常见的跳转操作实现技巧,需要的朋友可以参考下
本文实例讲述了微信小程序常见页面跳转操作。分享给大家供大家参考，具体如下：
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">
希望本文所述对大家微信小程序开发有所帮助。
相关文章
这篇文章主要为大家详细介绍了微信小程序canvas2d生成图形验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
本文将介绍JavaScript如何实现拼音排序 支持所有主流浏览器+中英文系统2012-11-11
这篇文章主要介绍了JavaScript中this的用法,结合实例形式分析了this的功能、常见用法与相关注意事项,需要的朋友可以参考下2016-12-12
bootstrap就非常好用，而且框架布局很漂亮，用起来也很简单。今天小编给大家分享BootStrap的Datepicker控件使用心得，一起看看吧2016-05-05
这篇文章主要介绍了javascript触发模拟鼠标点击事件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-06-06
这篇文章主要给大家介绍了关于Webpack设置环境变量的一些误区，文中通过示例代码介绍的非常详细，对大家学习或者使用Webpack具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-12-12
这篇文章主要为大家介绍了移动端touch拖动和click事件冲突问题解决，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了小米公司JavaScript面试题的个人解题方法,需要的朋友可以参考下2014-12-12
我们大家在做弹出层的时候，必不可少的一个元素就是蒙层，也就是遮罩层，当弹出层滚动的时候，蒙层底部的页面一般是要求固定不动的，所以这篇文章就来给大家介绍了如何禁止弹窗中蒙层底部页面跟随滚动的几种方法，需要的朋友可以参考下。2017-12-12
这篇文章主要介绍了js中如何将多层嵌套的数组转换为一层数组问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
最新评论