1.1.0 • Published 8 months ago
bootstrapvue-nesteddropdown v1.1.0
bootstrapVue-nesteddropdown
This example depends on BootstrapVue. Before using this example, please install BootstrapVue.
Demo
Installation
npm i bootstrapvue-nesteddropdown
npm install vue bootstrap bootstrap-vue
Usage
Import BootstrapVue
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.use(BootstrapVue)
Vue.use(IconsPlugin)
Import Component
import NestedDropdown from 'bootstrapvue-nesteddropdown'
import 'bootstrapvue-nesteddropdown/dist/NestedDropdown.css';
Vue.component('NestedDropdown', NestedDropdown);
Props API
props | type | Required | Default |
---|---|---|---|
v-model | string | yes | - |
option | Array | yes | [] |
'option' is an object containing an array. The value of the property with the key 'title' represents the first level of the 'option'. The value of the property with the key 'content' is an array, this array represents the second level of the corresponding 'title'.
ex :
[
{
title: "First Title",
content: ["First Action", "Second Action"],
},
{
title: "Second Title",
content: ["First Content", "Second Content", "Third Content"],
},
];