5.4 KiB
5.4 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 提供平级的区域将大块内容进行收纳和展现，保持界面整洁。 :::
::: title 基础使用 :::
::: demo
选项一
选项二
:::
::: title 简约模式 :::
::: demo
选项一
选项二
:::
::: title 卡片模式 :::
::: demo
选项一
选项二
:::
::: title 允许关闭 :::
::: demo
选项一
选项二
选项三
:::
::: title 关闭前置 :::
::: demo
选项一
选项二
选项三
选项四
选项五
id为单数的可以关闭
:::
::: title 嵌套循环 :::
::: demo
内容{{a.id}}:::
::: title Tab 属性 :::
::: table
| 属性 | 描述 | 可选值 |
|---|---|---|
| v-model | 当前激活 | -- |
| type | 主题样式 | -- |
| allow-close | 允许关闭 | true false |
| before-close | Function关闭之前的回调钩子函数 |
参数(id), return false 表示不进行关闭 |
| before-leave | Function切换标签之前的回调钩子函数 |
参数(id), return false 表示不进行切换 |
:::
::: title Tab 事件 :::
::: table
| 事件 | 描述 | 参数 |
|---|---|---|
| change | 选中切换 | id |
| close | 关闭事件 | id |
:::
::: title Tab Item 属性 :::
::: table
| 属性 | 描述 | 可选值 |
|---|---|---|
| id | 唯一标识 | -- |
| title | 头部标题 | -- |
| closable | 允许关闭 | -- |
:::
::: comment :::
::: previousNext tab :::