标签页 ​

介绍 ​

认识标签页 ​

标签页的基本使用 ​

1. 从组件库拖入标签页组件
2. 添加选项卡页(需要几页就添加几页)
3. 对每个选项卡页进行配置
4. 将其他需要的基础组件拉入标签页体中

标签页的配置 ​

标签页重命名 ​

在常见属性选项卡设置中可以对输入框进行编辑修改 tab 标题

添加标签页 ​

在常见属性选项卡设置中点击添加选项卡页添加一个新页

对选项卡页的页签进行重新排序 ​

在常见属性选项卡设置中右侧六个点的按钮按住可以拖拽排序

删除选显卡 ​

在常见属性选项卡设置中右侧圆形按钮进行点击

页签样式 ​

标签位置设置 ​

标签间隔 ​

两个标签页页头之间的间距 默认 10px

标签页的事件 ​

onChange ​

页签切换后触发 返回 activeKey 参数,这个参数是 tab 标签页的索引位置(从 0 开始); 可以根据这个变量判断点击后的页签是哪一个

onTabClick ​

点击页签时候触发 无默认参数