小程序绑定事件跳转的三种方，asp登录跳转页面

来源：未知 浏览 176次 时间 2021-06-09 05:20
1:wx.navigateTo ;保留当前页面（有返回按钮)

效果：


小程序绑定事件跳转的三种方法

wxml:

<view bindtap="bindViewTap" class="up"> 我要绑定事件来跳转了 </view>  

小程序绑定事件跳转的三种方法

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 不跳转问题的时候（大多数是跳的底部的导航白帽技术就需要用到这种方法了）  js:

 

Page({ data: {}, //事件处理函数 bindViewTap: function() { //3:跳转到tabBar页面（底部导航） //这种方法通常 是遇到wx.navigateTo 不跳转问题的时候（大多数是跳的底部的导航所以没有反应） wx.switchTab({ url: '../me/me' }) }, onLoad: function() {}, })  

标签： functionsite页面底部

上一篇: 小程序使用 async awai，js await
下一篇: 变现艰难、不如预期，现在小程序还能吃到微信的红利吗，微信赚钱

热门文章

最新文章

QQ咨询