bootstrapvue-nesteddropdown
v1.1.0
Published
> This example depends on BootstrapVue. Before using this example, please install BootstrapVue.
Downloads
12
Maintainers
Readme
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"],
},
];