更新记录
1.0.0(2025-02-05)
下载此版本
tab-swiper插件发布
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
zys-tab
基础用法
<zys-tab
:tabsData="tabs"
:contentsData="content"
@tabChange="tabChange">
<template v-slot:content="{ item }">
<!-- 自定义内容区域 -->
<div>{{ item.label }}</div>
</template>
</zys-tab>
属性说明
属性名 |
类型 |
必填 |
说明 |
tabsData |
Array |
是 |
标签配置数组,格式为 { label: 显示文本, value: 唯一标识 } |
contentsData |
Array |
是 |
内容数据数组,元素顺序需与 tabsData 一致,数据类型自定义 |
事件说明
事件名 |
触发时机 |
回调参数 |
tabChange |
切换标签时触发 |
当前标签的 value 值 |
插槽说明
插槽名 |
作用域参数 |
说明 |
content |
{ item } |
内容区域插槽,接收当前标签对应的内容数据项 |