layui/example/docs/zh-CN/components/tab.md

::: anchor :::

::: 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

:::

::: comment :::

::: previousNext tab :::