不积跬步,无以至千里;不积小流,无以成江海。

Dean's blog

  • Join Us on Facebook!
  • Follow Us on Twitter!
  • LinkedIn
  • Subcribe to Our RSS Feed

微信小程序实现点击tabBar刷新页面

在很多APP应用中,点击底下tabBar时,会存在两种情况:

情景1、如果点击的tabBar不是当前tabBar时,会切换到被点击的tabBar;
情景2、如果点击的tabBar是当前tabBar时,会刷新当前tabBar页面。

 

在微信小程序中,对于情景1是默认实现的,如果想实现情景2,微信小程序在基础库 1.9.0开始提供了onTabItemTap事件:

onTabItemTap(Object object)         点击 tab 时触发

这个事件会在每次点击tabBar时触发,如果想实现只有当前tabBar时才执行,可以类似这样做:

Page({
    onShow: function(){
        this.firstLoad = true;
    },
    onTabItemTap(item) {
        if (this.firstLoad){
            this.firstLoad = false;
            return;
        }
        //刷新页面
    }
});

 

不允许评论
粤ICP备17049187号-1