ProTabs
ProTabs是一个用于显示和管理标签页的 Vue 3 组件，支持标签页的添加、切换、关闭等功能。组件支持持久化标签页状态，使用本地存储保存标签页的数据和选中的标签页索引，即使刷新页面，标签页的状态也能被恢复。
基础用法
Default
自定义 storageKey
Default
Props
| 参数 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| modelValue | ProTabData[] | — | [] | 绑定的标签页数据数组，使用 v-model 进行双向绑定 |
| storageKey | string | — | 'proTabs' | 本地存储的键名，用于保存标签页数据和选中状态 |
ProTabData 数据结构
ProTabData 是表示单个标签页的数据结构，其属性如下：
| 属性 | 类型 | 可选值 | 默认值 | 说明 |
|---|---|---|---|---|
| icon | string | — | — | 标签页的 iconify 图标名称 |
| title | string | — | — | 标签页的标题文字 |
| path | string | — | — | 标签页对应的路由路径 |
事件
| 事件名 | 回调参数 | 说明 |
|---|---|---|
| select | (path: string) | 当选择标签页时触发，返回所选标签页的路径 |