iview Tabs TabPane 参数Index 使用方法
概述
在 TabPane 使用 v-if 时,并不会按照预先的顺序渲染,这时可设置 index,并从小到大排序(需大于 0)
组件源码地址:
node_modules\view-design\src\components\tabs
node_modules\view-design\src\components\tabs\pane.vue
使用示例:
<Tabs class="ui-area-content" :animated="false" type="card"> <template v-for="(item, index) in array"> <Tab-pane v-if="item" :label="item: '请选择'" :index="index + 1" :key="index" :name="item" icon="ios-arrow-down" > {{ item }} </Tab-pane> </template> </Tabs>
注意::index里的参数类型为Number,且大于0。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通