vue-bootstrap-collapse

Vue2 wrapper for Bootstrap's collapse component

Installation

npm i vue-bootstrap-collapse

Basic Usage

Inside your vue js component:

<template>
   <collapse :visible="true"></collapse>
</template>
<script>
import collapse from 'vue-bootstrap-collapse'
export default {
  components: {
    collapse
  },
  //...
}
</script>

Events

Standard bootstrap events are emitted:

• collapse-show (alias of show.bs.collapse)
• collapse-shown (alias of shown.bs.collapse)
• collapse-hide (alias of hide.bs.collapse)
• collapse-hidden (alias of hidden.bs.collapse)

<collapse
    @collapse-show="handleExpandStart"
    @collapse-shown="handleExpandComplete"
    @collapse-hide="handleCollapseStart"
    @collapse-hidden="handleCollapseComplete">
</collapse>