el-tab-pane v-for循环 判断
时间: 2023-05-31 10:06:57 浏览: 104
解决vue中el-tab-pane切换的问题
5星 · 资源好评率100%
在使用 el-tab-pane 进行 v-for 循环时,需要在循环中加入 v-if 判断语句,用于判断当前循环的数据是否满足条件,如果满足条件,则显示该标签页,否则不显示。
示例代码:
```
<el-tabs v-model="activeName">
<el-tab-pane v-for="item in list" :key="item.id" :label="item.name" v-if="item.status === 'active'">
// 标签页内容
</el-tab-pane>
</el-tabs>
```
在上述代码中,v-for 循环了一个名为 list 的数组,每个数组元素都包含一个 id 和 name 属性,以及一个 status 属性,用于表示该标签页的状态。在 v-if 判断语句中,只有当 status 等于 'active' 时,才会显示该标签页。
阅读全文