[t-TabBar] 选中抖动 错位 底部导航

[dashuaige2000]

tdesign-mobile-vue 版本

1.7

重现链接

https://stackblitz.com/edit/yj11jvk4?file=src%2Fcomponents%2FBottomNav.vue

重现步骤

vue3 路由 选中的时候 tab会 抖动 感觉像重新渲染了

期望结果

不抖动 不错位

实际结果

错位

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

[github-actions]

👋 @dashuaige2000，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[RSS1102]

看起来你是否应该这样写呢？其他的思路你可以再详细修改
https://stackblitz.com/edit/yj11jvk4-rocujpsp?file=src%2Fview%2Fmsg%2Findex.vue,src%2Fview%2Fadd%2Findex.vue,src%2Fview%2Fmy%2Findex.vue,src%2Findex.css,src%2Fview%2Fhome%2Findex.vue,src%2FApp.vue,src%2Fcomponents%2FBottomNav.vue

[anlyyao]

@dashuaige2000 处理在 #1714， 建议业务实际使用时参考楼上

[dashuaige2000]

看起来你是否应该这样写呢？其他的思路你可以再详细修改 https://stackblitz.com/edit/yj11jvk4-rocujpsp?file=src%2Fview%2Fmsg%2Findex.vue,src%2Fview%2Fadd%2Findex.vue,src%2Fview%2Fmy%2Findex.vue,src%2Findex.css,src%2Fview%2Fhome%2Findex.vue,src%2FApp.vue,src%2Fcomponents%2FBottomNav.vue

这样的写法 适合就有4个根页面 如果 有 50个页面 不需要底部tabbar 一般正常h5底部 都是 4-6个页面 其他子页面不需要底部 那该如何写 是根据路由判断么 还是怎么写？