vant 渲染tab时出现底部栏错位？

制作小程序 时使用vant tab功能，当渲染tab时，tab底部栏出现错位。

<van-tabs active="{{ active }}">
    <van-tab title="推荐">0</van-tab>
	<block wx:for="{{bannerlist}}" wx:key="index">
		<van-tab title="{{item.category_name}}">{{item.category_id}}</van-tab>
	</block>
</vant-tabs>

js中的数据

data: {
   bannerlist:[],//存放状态栏菜单
   active:0,
  },

参考一下  https://blog.csdn.net/lyh_0202/article/details/106684797

您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

<van-tabs active="{{ active }}">  </vant-tabs>  你这起始标签和结束标签不一样哇 前面的是不是少个 t ？

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y