Closed AnyFork closed 1 year ago
2.10.3-alpha.1683532936621
升级一下,然后在collapse展开的时候手动调用一下tabs-items的resize方法:
let hasResize = false
const change = (val) => {
if (val && !hasResize) {
hasResize = true
requestAnimationFrame(TabsItem.value.getSwipe().resize)
}
}
// ...
<var-collapse v-model="value" @change="change">
<var-collapse-item title="China(中国)" name="1">
<var-tabs-items v-model:active="active" ref="TabsItem">
// ...
</var-tabs-items>
</var-collapse-item>
</var-collapse>
采用上面的方法可以实现tabs-items自适应,但collapse展开tabs默认激活的选项,indicator宽度依然为0,如下效果: 上面是嵌套在collapse里面的,下面是fan放在外面的
采用相同的方法,可以解决tabs激活后indicator为0问题。
Bug report 🐞
在折叠面板中使用tabs,页面首次加载,激活的tab底部没有indicator,其宽度为0,点击其他tab,切换回来正常,同时在底部联动var-tab-item宽度为0 代码如下:
Version & Environment
"@varlet/ui": "2.10.2"
Expectation
Actual results (or Errors)