Options - Layui — ContextQMD

组件渲染指定的目标元素选择器或 DOM 对象

</td> <td>string/DOM</td> <td>-</td> </tr> <tr> <tr> <td>id</td> <td>

组件渲染的唯一实例 ID

</td> <td>string</td> <td>-</td> </tr> <tr> <td>className</td> <td>

给主容器追加 CSS 类名，以便自定义样式

</td> <td>string</td> <td>-</td> </tr> <tr> <td>trigger</td> <td>

标签切换的触发事件

</td> <td>boolean</td> <td>

click

</td> </tr> <tr> <td>headerMode</td> <td>

标签头部的显示模式。可选值有：

</td> <td>string</td> <td>

auto

</td> </tr> <tr> <td>index</td> <td>

初始选中的标签索引或标签 lay-id 属性值

</td> <td>number</td> <td>-</td> </tr> <tr> <td>closable</td> <td>

是否开启标签项关闭功能

</td> <td>boolean</td> <td>

false

</td> </tr> <tr> <td>header</td> <td colspan="3">

设置标签头部列表，通常在「非自动渲染」的场景下使用：

1. 方法渲染

若 header 传入一个数组，且成员值为对象，即为方法渲染时传入的头部列表数据。如：

header: [
  { title: 'Tab1' }, // 除 `title` 为必传项外，也可传入其他任意字段。
  { title: 'Tab2' }
]

2. 任意元素渲染

若 header 传入一个数组，则成员值为元素选择器，即为绑定标签头部列表元素。如：

header: ['#tabsHeader', '>li'],

</td> </tr> <tr> <td>body</td> <td colspan="3">

设置标签内容列表，通常在「非自动渲染」的场景下使用：

1. 方法渲染

若 body 传入一个数组，且成员值为对象，即为方法渲染时传入的标签内容列表数据。如：

body: [
  { content: 'Tab1' }, // `content` 为必传项
  { content: 'Tab2' }
]

2. 任意元素渲染

若 body 传入一个数组，则成员值为元素选择器，即为绑定标签内容列表元素。如：

body: ['#tabsBody', '>div'],

</td> </tr> </tbody> </table>