npm.io
4.0.0 • Published 6 years ago

@huteming/ui-collapse

Licence
ISC
Version
4.0.0
Deps
0
Size
907 kB
Vulns
0
Weekly
0
SummaryDependencyVersions

Collapse 折叠面板

引入

import { TmCollapse, TmCollapseItem } from '@huteming/ui'

Vue.use(TmCollapse)
// Vue.component(TmCollapse.name, TmCollapse)
Vue.use(TmCollapseItem)
// Vue.component(TmCollapseItem.name, TmCollapseItem)

例子

<tm-collapse v-model="name" @change="handleChange">
    <tm-collapse-item name="1" header="title1">hello</tm-collapse-item>
    <tm-collapse-item name="2" header="title2">hello</tm-collapse-item>
    <tm-collapse-item name="3" header="title3">hello</tm-collapse-item>
</tm-collapse>

Collapse Attributes

参数 说明 类型 可选值 默认值
value 当前激活的面板 String, Array
accordion 是否手风琴模式 boolean false

Collapse Events

事件名称 说明 回调参数
change 当前激活面板改变时触发 activeNames: array / string

CarouselItem Attributes

参数 说明 类型 可选值 默认值
name 唯一标志符 string/number
header 面板标题 string
disabled 是否禁用 boolean false