小程序
小游戏
企业微信
微信支付
扫描小程序码分享
133 个评论
加粗
标红
插入代码
插入链接
插入图片
上传视频
custom-tab-bar/index.js文件
第一步：将data中定义得 selected赋值为null
第二步：将methods中得switchTab函数中之前得selected赋值操作删除 （注：selected赋值在其他tarbar的页面得onShow方法中已赋值过了）
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
上述方法实践后，都无法逃脱tabbar在每次页面加载时，会被重新渲染， 通过this.getTabBar()，也只是设置你tabBar选中的时候状态，问题在于switchTab跳转的页面中，custom-tab-bar这个组件是每次都被渲染，图片被重新加载，不可避免的出现闪现，只是图片小，闪现更短，只能制作成一个页面才能解决吗
我去看了下其他的小程序（唯品会、中百、boss），丝滑得很啊。疯狂尝试各种方法，终于
第一步把自定义tabBar中this.setData({selected: data.index })注掉。
第二步cover-view换成view,cover-image换成van-icon再设置对应的图标（图标是用vant自带的），提上体验版也很丝滑。
hello，官方以外，大家有找到能够略微改善的适配方案不？
用van-tabbar，switchTab第一次切换界面，闪烁，界面都依次加载过后闪烁问题消失
可以试试，把自定义tabbar里的这句注释掉。
switchTab(e) { const data = e.currentTarget.dataset const url = data.path wx.switchTab({url}) // this.setData({ // selected: data.index // }) }
把cover-view标签 cover-image改成view image标签就可以了
插眼关注
哦豁，这个问题也有人提了，遇到的人肯定很多
顺丰小程序没有这个问题
正在加载...
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
custom-tab-bar/index.js文件
第一步：将data中定义得 selected赋值为null
第二步：将methods中得switchTab函数中之前得selected赋值操作删除 （注：selected赋值在其他tarbar的页面得onShow方法中已赋值过了）
上述方法实践后，都无法逃脱tabbar在每次页面加载时，会被重新渲染， 通过this.getTabBar()，也只是设置你tabBar选中的时候状态，问题在于switchTab跳转的页面中，custom-tab-bar这个组件是每次都被渲染，图片被重新加载，不可避免的出现闪现，只是图片小，闪现更短，只能制作成一个页面才能解决吗
我去看了下其他的小程序（唯品会、中百、boss），丝滑得很啊。疯狂尝试各种方法，终于
第一步把自定义tabBar中this.setData({selected: data.index })注掉。
第二步cover-view换成view,cover-image换成van-icon再设置对应的图标（图标是用vant自带的），提上体验版也很丝滑。
hello，官方以外，大家有找到能够略微改善的适配方案不？
用van-tabbar，switchTab第一次切换界面，闪烁，界面都依次加载过后闪烁问题消失
可以试试，把自定义tabbar里的这句注释掉。
switchTab(e) { const data = e.currentTarget.dataset const url = data.path wx.switchTab({url}) // this.setData({ // selected: data.index // }) }把cover-view标签 cover-image改成view image标签就可以了
插眼关注
哦豁，这个问题也有人提了，遇到的人肯定很多
顺丰小程序没有这个问题