标签页

更新时间:2025-01-17 03:36:15

简介

标签页是提供选项卡切换功能的魔笔基础组件。

image

配置项

分类

配置

示例

说明

分类

配置

示例

说明

内容

选项模式

image

静态:配置静态的选项卡

关联:关联模式下可以选择多视图容器作为绑定对象,组件将自动链接切换多视图容器的能力

关联容器

image

选择多视图容器作为绑定对象

标签选项页标识设置

image

页签的标识符

标签选项页标题设置

image

页签的文字内容

标签选项页禁用设置

image

页签开启禁用,开启后不可选中

标签选项页图标设置

image

页签前置图标设置

默认选中面板key

image

默认选中面板key

自定义折叠按钮

image

自定义折叠按钮

交互

隐藏

image

隐藏,详情参见通用属性

隐藏时保留布局

image

隐藏时保留布局,详情参见通用属性

样式

外边距

image

外边距,详情参见通用属性

页签位置

image

页签位置

页签是否居中

image

页签是否居中

页签样式

image

页签样式,可选项:线型、卡片

页签之间的间隙

image

页签之间的间隙

属性与方法

名称

类型

示例

说明

名称

类型

示例

说明

items

array

tabs.items

只读,当前 Tabs 的选项卡内容,items 类型为{_mobi_key: string,label: string,key: string,icon?: {_mobi_icon: true,type: string}}[]

activeKey

string

tabs.activeKey

选中标签页 key 值

setActiveKey

func

tabs.setActiveKey('tab1')

设置标签页当前选中 key 值

事件回调

配置

说明

配置

说明

image

选中页签改变时触发的回调

image

页签被点击时触发的回调

image

页签滚动时触发的回调

  • 本页导读
  • 简介
  • 配置项
  • 属性与方法
  • 事件回调
AI助理

点击开启售前

在线咨询服务

你好,我是AI助理

可以解答问题、推荐解决方案等