小程序
小游戏
企业微信
微信支付
扫描小程序码分享
index.json中引入:
页面中默认选中内容2
效果如下:虽然内容被选中了 但是初始tab标签页面没有被选中。
自己手动切换其他标签才会被选中又正常,效果如下:
总结:初始的时候标签被选中,但是van-tabs__line这个标签的内联样式宽度为0导致选中的红色下划线未出现,切换后正常。
追踪van-tabs的组件代码发现初始未能取到标签的宽度。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
原因是tab组件初始化在计算的时候,发现自己或者自己的父容器是隐藏的,没有宽高,就会出现问题.
解决思路:
1、用wx:if控制,有宽度的时候再初始化tab
2、强制重绘
解决方案:
https://vant-contrib.gitee.io/vant-weapp/#/tab;
如果你的vant版本较低,就没有resize方法,具体看:
https://github.com/youzan/vant-weapp/issues/2977
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
解决了吗?
所以这个问题咋解决啊,看了一大圈就你这和我的问题一样
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
原因是tab组件初始化在计算的时候,发现自己或者自己的父容器是隐藏的,没有宽高,就会出现问题.
解决思路:
1、用wx:if控制,有宽度的时候再初始化tab
2、强制重绘
解决方案:
https://vant-contrib.gitee.io/vant-weapp/#/tab;
如果你的vant版本较低,就没有resize方法,具体看:
https://github.com/youzan/vant-weapp/issues/2977
解决了吗?
所以这个问题咋解决啊,看了一大圈就你这和我的问题一样