bootstrapVue-nesteddropdown

This example depends on BootstrapVue. Before using this example, please install BootstrapVue.

Demo

Demo Website

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"],
  },
];