您当前的位置: 首页 > 解决方案

小程序tab点击监听方法:onTabItemTap()

  • 作者: admin
  • 发布于 2018-09-08 13:49:04
  • 来源:  
  • 栏目:解决方案

导语: page()的详细生命周期,可以查看文档,今天主要说下其onTabItemTap()方法,很少用到,但我们在开发中为了解决一些问题(在此方法中触

 

page()的详细生命周期,可以查看文档,今天主要说下其onTabItemTap()方法,很少用到,但我们在开发中为了解决一些问题(在此方法中触发登录界面),试用下此方法:

 

方法说明

 
  1. Triggered when the user taps the tab if the current page is a tab page(当点击tab界面时触发)
 

测试代码:

 
  1. /** tab点击 */
  2. onTabItemTap(item) {
  3. console.log(item)
  4. wx.showToast({
  5. title: 'tab点击',
  6. })
  7. },
  8.  
  9. /**
  10. * 生命周期函数--监听页面显示
  11. */
  12. onShow: function() {
  13. self = this;
  14. app.NetUtil.CheckLoginStatus(null, function(loginStatus) {});
  15. ···

分别在模拟器、iOS系统、Android系统分别测试,结果如下:

05.jpg

 

效果图

小程序模拟器:三个tab切换时,不会触发onTabItemTap()方法,如果已经在“个人中心”界面,再次点击tab,会触发该方法,而且点击几次,触发几次,没有APP的tab那么好使。

iOS版微信的小程序:切换正常触发,多次点击可以根据自己的需要做相应处理。

Android版微信(OPPO)的小程序:切换正常触发,多次点击可以根据自己的需要做相应处理。

作者:恩来客 
链接:https://www.jianshu.com/p/2e8370b7c760 



温馨提示:这篇文章没有解决您的问题?欢迎添加微信:18948083295,有微信小程序专业人员,保证有问必答。转载本站文章请注明转自http://www.okeydown.com/(微信小程序网)。

  • 微信扫描二维码关注官方微信
  • ▲长按图片识别二维码
关注我们

微信小程序官方微信

栏目最新
栏目推荐
返回顶部