1.出现问题原因

下面贴出的代码是官方给出的自定义tabBat组件里的函数,被我注释掉的this.setData是引起闪烁的主要原因。但是注释掉以后会引起tabBar切换按钮选中状态失效。

 switchTab(e) {const data = e.currentTarget.datasetconst url = data.path;console.log(data)wx.switchTab({ url })// this.setData({//   selected: data.index// })}

2.tabBar切换按钮选中状态失效问题解决

由于刚才注释掉代码,是设置当前按钮选中状态的。所以我们需要在每一个tarBar页面的onShow生命周期函数里添加下面这段代码:

  onShow() {if (typeof this.getTabBar === 'function' && this.getTabBar()) {this.getTabBar().setData({selected: 0})}},

微信小程序tabBar闪烁问题相关推荐

  1. 绑定bindchange事件的微信小程序swiper闪烁,抖动问题解决,(将微信小程序切换到后台一段时间,再打开微信小程序,会出现疯狂循环轮播,造成抖动现象)

    绑定bindchange事件的微信小程序swiper闪烁,抖动问题解决,(将微信小程序切换到后台一段时间,再打开微信小程序,会出现疯狂循环轮播,造成抖动现象) 参考文章: (1)绑定bindchang ...

  2. 自定义微信小程序tabBar,兼容iPhone异形全面屏

    需求 开发微信商城会员中心,tabBar有首页及用户中心,当用户没有登录时点击页面任意位置均弹出登录窗口.但是自带的微信tabBar无法被弹出的遮罩层覆盖,从而可以在两个tab之间切换. 解决 自己手 ...

  3. 微信自定义tabbar有小红点_自定义微信小程序tabBar组件上边框的颜色

    背景: 在微信小程序的实际开发过程中,有时候我们需要修改微信小程序提供的 tabBar 组件顶部边框的颜色,以满足项目需求 解决方案: 方式一: 通过tabBar组件自带的 borderStyle 属 ...

  4. 自定义微信小程序tabBar组件上边框的颜色

    背景: 在微信小程序的实际开发过程中,有时候我们需要修改微信小程序提供的 tabBar 组件顶部边框的颜色,以满足项目需求 解决方案: 方式一: 通过tabBar组件自带的 borderStyle 属 ...

  5. 【微信小程序】微信小程序tabBar使用中不显示问题

    微信小程序中tabBar配置 微信小程序中下方的tabBar如何配置很多刚刚接触小程序的同学,有些懵.这里给你一个详细的配置文档: 小程序配置 | 微信开放文档 具体配置代码如下: "tab ...

  6. 微信小程序swiper闪烁抖动卡死问题

    将微信小程序切换到后台一段时间,再打开微信小程序,出现卡死闪烁抖动 // 重点是方法使用了 animationfinish 在动画结束后再进行赋值操作 <swiper class="s ...

  7. 微信小程序tabBar导航栏页和其他页执行onLoad与onShow时机;tabBar页获取不到参数问题;navigateTo跳转无效问题;onShow执行两次问题;

    1.注意点: 只有五种情况会触发导航栏tabBar页的onLoad函数,分别是: –1.1:首次进入到导航栏tabBar页面: –1.2:从微信分享进入的导航栏tabBar页面: –1.3:识别二维码 ...

  8. 微信小程序uni.switchTab传参获取不到;小程序跳转到tabBar页并传参;uni-app微信小程序获取tabBar页面参数失败;uni-app微信小程序tabBar页面onLoad不执行

    需求场景:从非tabBar页面B跳转到tabBar页面A,并想要携带参数. 如果使用uni.switchTab传参,会导致tabBAE页面获取不到参数: 原因: 官方文档有说,uni.switchTa ...

  9. 微信小程序——tabBar使用

    如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面. 其中 list 接受一 ...

  10. 微信小程序tabBar改变图片大小方法

    1.最少用,但是最简单,用原生tabBar用ps改变图片大小 2.用原生提供的custom-tab-bar(可能会存在一些小问题,比如switchTab的跳转之类的) 3.自定义组件,把所有页面变成子 ...

最新文章

  1. 传感器追踪身体健康数据 可穿戴式将帮助人体实时监测外界伤害
  2. Tomcat6.0.13下配置Tomcat Administration Web Application
  3. Linux中root下目录中没有.ssh文件
  4. 快速复制数据库表中的数据SQL
  5. mysql 优化表的作用_mysql实战优化之三:表优化
  6. [css] 说下你对background-size的理解,它有什么运用场景?
  7. mysql master or master copy
  8. 如何把竖排的数据变为横排_读懂微信改版背后的焦虑,企业新媒体营销该如何自救?...
  9. SWFUpload下载地址
  10. 转载windows的网络错误问题,备需要时查看
  11. PHP 9: 表达式
  12. ai人工智能的本质和未来_人工智能简介:这就是未来
  13. AXI Memory-Mapped SRIO收发控制器
  14. QQ浏览器+7654联盟
  15. [小程序] HBuilderX导入uniapp后,无法运行或发行,提示“[微信小程序开发者工具] × open IDE”
  16. .Net与DirectX结合制作泡泡屏保
  17. QtCreator总是崩溃卡死的问题
  18. FrameMaker 10启动时报错(Licensing for this product has expired)的解决办法
  19. DSP28335入门教程:ADC的使用
  20. mysql 查询dual报错_MYSQL基础02(查询)

热门文章

  1. ioncube linux,lamp安装版,安装ionCube不成功
  2. 【Java】代码加密
  3. Win11 22H2怎么跳过联网和微软账户登录?
  4. java 多线程 原子_Java多线程:原子量
  5. cropper裁切图片并预览上传(1)
  6. 重现Struts1的操纵classLoader漏洞
  7. 检测图片是否被PS过,代码案例demo
  8. 案例1-合并2个不同文件夹中的csv文件到另外一个目录,相同的文件名进行数据合并,不同的文件名直接移到新文件夹...
  9. Spark大数据计算引擎介绍
  10. 小米真蓝牙耳机说明书_【小米真无线蓝牙耳机Air 2评测使用说明书介绍】快充|降噪|蓝牙5.0|开盖即连|快捷操作_摘要频道_什么值得买...