智慧屏和智能穿戴开发:容器组件tabs

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HarmonyOS应用开发文档更新修改说明:tabs组件补充示例代码和示例效果图,方便开发者掌握该组件的使用方式。

tab页签容器。

支持设备

表1 组件的设备支持情况

智慧屏

智能穿戴

支持

不支持

权限列表

子组件

仅支持最多一个<tab-bar>和最多一个<tab-content>。

属性

名称

类型

默认值

必填

描述

index

number

0

当前处于激活态的tab索引。

vertical

boolean

false

是否为纵向的tab,默认为false,可选值为:

  • false:tabbar和tabcontent上下排列。
  • true:tabbar和tabcontent左右排列。

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

TouchEvent

手指刚触摸屏幕时触发该事

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值