ProTabs

ProTabs 是一个用于显示和管理标签页的 Vue 3 组件，支持标签页的添加、切换、关闭等功能。组件支持持久化标签页状态，使用本地存储保存标签页的数据和选中的标签页索引，即使刷新页面，标签页的状态也能被恢复。

基础用法

首页

我的账户

设置

Default

属性 (Props)

参数	类型	默认值	描述
v-model	ProTabData[]	[]	绑定的标签页数据数组，使用 v-model 进行双向绑定

ProTabData 配置

属性	类型	默认值	描述
icon	string	—	标签页的 iconify 图标名称
title	string	—	标签页的标题文字
path	string	—	标签页对应的路由路径

事件 (Emits)

事件名	参数	描述
changeSelect	(path: string)	当选择标签页时触发，返回所选标签页的路径

方法 (Expose)

方法名	参数	描述
setSelected	(index: number) => void	设置选中