@huteming/ui-collapse NPM

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

@everything-registry/sub-chunk-406 @infinitebrahmanuniverse/nolb-_hut @huteming/ui @zalastax/nolb-_hut

4.0.0

4 years ago