小程序绑定事件跳转的三种方法
1:wx.navigateTo ;保留当前页面（有返回按钮)
效果：
demo示例： wxml:
<view bindtap="bindViewTap" class="up">
我要绑定事件来跳转了
</view>js:
Page({
data: {
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../site/site'
})
},
onLoad: function() {
},
})wxss:
.up {
height: 80rpx;
line-height: 80rpx;
background:#44b0fc;
color: #fff;
text-align: center;
}2:wx.redirectTo；关闭当前页面(无返回按钮)
wxml和样式同上 js:
Page({
data: {
},
//事件处理函数
bindViewTap: function() {
//2:关闭当前页面(无返回按钮)
wx.redirectTo({
url: '../site/site'
})
},
onLoad: function() {},
})3：wx.switchTab；跳转到tabBar页面（底部导航）
遇到第一种wx.navigateTo 不跳转问题的时候（大多数是因为想要跳的界面是对应底部的导航，所以没有反应；这个时候，就需要用到这种方法了） js:
Page({
data: {},
//事件处理函数
bindViewTap: function() {
//3:跳转到tabBar页面（底部导航）
//这种方法通常 是遇到wx.navigateTo 不跳转问题的时候（大多数是跳的底部的导航，所以没有反应）
wx.switchTab({
url: '../me/me'
})
},
onLoad: function() {},
})原文作者：祈澈姑娘；技术博客：https://www.jianshu.com/u/05f416aefbe1 90后前端妹子，爱编程，爱运营，爱折腾。 坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.12.09 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录