HarmonyOS应用开发文档更新修改说明:tabs组件补充示例代码和示例效果图,方便开发者掌握该组件的使用方式。
tab页签容器。
支持设备
| 智慧屏 |
智能穿戴 |
|---|---|
| 支持 |
不支持 |
权限列表
无
子组件
仅支持最多一个<tab-bar>和最多一个<tab-content>。
属性
| 名称 |
类型 |
默认值 |
必填 |
描述 |
|---|---|---|---|---|
| index |
number |
0 |
否 |
当前处于激活态的tab索引。 |
| vertical |
boolean |
false |
否 |
是否为纵向的tab,默认为false,可选值为:
|
| id |
string |
- |
否 |
组件的唯一标识。 |
| style |
string |
- |
否 |
组件的样式声明。 |
| class |
string |
- |
否 |
组件的样式类,用于引用样式表。 |
| ref |
string |
- |
否 |
用来指定指向子元素或子组件的引用信息,该引用将注册到父组件的$refs 属性对象上。 |
| disabled |
boolean |
false |
否 |
当前组件是否被禁用,在禁用场景下,组件将无法响应用户交互。 |
| focusable |
boolean |
true |
否 |
当前组件是否可以获取焦点。 当focusable设置为true时,可否获焦依赖于是否拥有可获焦的子组件;设置为false时,本身及其子组件都不能获焦。 |
| data |
string |
- |
否 |
给当前组件设置data属性,进行相应的数据存储和读取。 |
事件
| 名称 |
参数 |
描述 |
|---|---|---|
| change |
{ index: indexValue } |
tab页签切换后触发。 |
| touchstart |
手指刚触摸屏幕时触发该事 |

这篇博客介绍了HarmonyOS应用开发中的tabs组件,详细说明了其支持的设备、权限、子组件、属性、事件及样式,并提供了示例代码和效果图,旨在帮助开发者更好地理解和使用tabs组件。
最低0.47元/天 解锁文章
5万+

被折叠的 条评论
为什么被折叠?



