Vue里如何根据条件灵活设置van-tab的显示形态？

本文共计349个文字，预计阅读时间需要2分钟。

我简单改写了以下内容：

我不再多说了，大家直接看代码吧~.vue

.tsprivate activeTab: number=0;private isShow: boolean=false;

我就废话不多说了，大家还是直接看代码吧~

.vue

<van-tabs v-model="activeTab"> <van-tab title="XXX" v-if="isShow"></van-tab> <van-tab title="XXX"></van-tab> </van-tabs>

.ts

private activeTab = 0;

private isShow = false;

补充知识：vue elui 使用v-if 判断tab时样式错乱

项目中用el ui 的tab显示数据

6个数组的数据不同 所以用了 v-if 来判断

但是同样的数据，显示出来的样式乱七八糟

查了半天才知道 是因为没有加上 key值，所以才会渲染错乱。具体原因也不知道。