微信小程序实现跳转的几种方式总结（推荐）
更新时间：2019年04月24日 11:53:07 作者：lily2016n
这篇文章主要介绍了微信小程序跳转方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
今天把实现微信页面的跳转的几种方法总结分享下
1.使用导航组件，标签，页面链接来实现（可以发现点击时有背景）
<!-- sample.wxml --> <view class="btn-area"> <navigator url="../my/my">跳转到新页面</navigator> </view>
参数如下
2.给页面布局加监听bindtap事件，然后在方法里面，通过wx.navigatorTo来实现跳转（保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面）
在my.wxml中加监听bindtap事件
<view bindtap='jump'>跳转</view>
在my.js中实现跳转
jump:function(){
wx.navigateTo({
url: '../login/login',
success: function(res) {
},
fail: function(res) {
},
complete: function(res) {
},
})
}
参数如下
3.通过wx.redirectTo实现跳转（关闭当前页面，跳转到应用内某个页面）
navigateto_index: function (event) {
wx.redirectTo({
url: '../index/index',
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
}
参数如下
4.通过wx.navigateBack返回上一级（关闭当前页面。返回上一页面或多级页面）。
wx.navigateBack({
delta: 1, // 回退前 delta(默认为1) 页面
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
以上所述是小编给大家介绍的微信小程序跳转方式详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了javascript折半查找详解的相关资料,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了javascript随机抽取0-100之间不重复的10个数，分享了两种简单办法，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了JavaScript使用闭包模仿块级作用域操作,结合实例形式分析了javascript闭包的原理及模仿块级作用域相关操作技巧,需要的朋友可以参考下2019-01-01
JavaScript修改CSS有4种方法：1.修改节点style（内联样式）；2.改变节点class或id；3.写入新的css；4.替换页面中的样式表。今天主要给大家介绍下前2种，因为后两种个人不是很推荐大家使用2015-05-05
这篇文章主要介绍了使用fileReader的一个坑及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2021-12-12
关于layui toolbar和template的结合使用方法
今天小编就为大家分享一篇关于layui toolbar和template的结合使用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了JavaScript鼠标悬停事件用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
很多时候我们都把时间戳作为id值,下面这篇文章主要给大家介绍了关于JavaScript获取当前时间戳的5种方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
这篇文章主要给大家介绍了关于CSS、JS文件无法正确加载至页面问题与解决办法,文中通过图文以及代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2024-01-01
这篇文章主要为大家简单介绍了二维码图片生成器QRCode.js，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
最新评论