The vue side bar group tree
npm i vue-sidebar-group-tree
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'}
Refer to sample\ex