https://github.com/hoadv/vue-sidebar-group-tree

The vue side bar group tree
https://github.com/hoadv/vue-sidebar-group-tree

menu menu-navigation menubar vue vue-components vue-router vuejs vuejs2

Last synced: 4 days ago
JSON representation

The vue side bar group tree

• Host: GitHub
• URL: https://github.com/hoadv/vue-sidebar-group-tree
• Owner: hoadv
• Created: 2018-01-15T15:08:04.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-16T04:30:41.000Z (almost 7 years ago)
• Last Synced: 2024-10-12T09:03:57.891Z (about 1 month ago)
• Topics: menu, menu-navigation, menubar, vue, vue-components, vue-router, vuejs, vuejs2
• Language: Vue
• Size: 23.4 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Description

The vue side bar group tree

![image](https://user-images.githubusercontent.com/8998946/34971908-88a85b16-fab0-11e7-8a1a-19182f9c47e7.png)

# Installation

npm i vue-sidebar-group-tree

# Using

vue-sidebar-group-tree  v-bind:items="categories" v-bind:item-id="categoryId" v-bind:sub-item-id="subcategoryId" v-bind:setting="setting">

this.$events.on('selectedItemFired', this.updateCategory);

this.$events.on('selectedSubItemFired', this.updateSubCategory);

categories = [

 {

          id: 1,

          name: 'Category 1',

          subitems: [

            {

              id: 1,

              name: 'SubCategory 1'

            }

          ]

        }

]

categoryId: null,

subcategoryId: null,

setting: {title: 'The title'}

# Sample

Refer to sample\ex