更新记录
1.0.0(2025-02-05)
下载此版本
tab-swiper插件发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
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 } |
内容区域插槽,接收当前标签对应的内容数据项 |