推荐下载
-
2020-05-12 浏览：738
-
2020-05-06 浏览：519
-
2020-05-08 浏览：506
-
2020-04-04 浏览：502
-
2020-05-12 浏览：496
小程序绑定事件跳转的三种方法
发布时间:2020-09-30效果：
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() {},
})
遇到第一种wx.navigateTo 不跳转问题的时候（大多数是因为想要跳的界面是对应底部的导航，所以没有反应；这个时候，就需要用到这种方法了） js:
Page({
data: {},
//事件处理函数
bindViewTap: function() {
//3:跳转到tabBar页面（底部导航）
//这种方法通常 是遇到wx.navigateTo 不跳转问题的时候（大多数是跳的底部的导航，所以没有反应）
wx.switchTab({
url: '../me/me'
})
},
onLoad: function() {},
})
