layui/example/docs/zh-CN/components/tab.md
2021-12-16 17:57:59 +08:00

4.7 KiB

::: title 基础使用 :::

::: demo

选项一
选项二

:::

::: title 简约模式 :::

::: demo

选项一
选项二

:::

::: title 卡片模式 :::

::: demo

选项一
选项二

:::

::: title 允许关闭 :::

::: demo

选项一
选项二
选项三

:::

::: title 控制是否关闭 :::

::: demo

选项一
选项二
选项三
选项四
选项五
id为单数的可以关闭

:::

::: title 嵌套循环 :::

::: demo

内容{{a.id}}

:::

::: title 选项卡属性 :::

::: table

属性 描述 可选值
v-model 当前激活 --
type 主题样式 --
allow-close 允许关闭 true false
before-close Function关闭之前的回调钩子函数 参数(id), return false 表示不进行关闭
before-leave Function切换标签之前的回调钩子函数 参数(id), return false 表示不进行切换

:::

::: title 选项卡事件 :::

::: table

事件 描述 参数
change 选中切换 id
close 关闭事件 id

:::

::: comment :::