draggable v-treeview component
npm install vuetify-draggable-treeview


v-treeview (Vuetify Treeview) component.``bash`
yarn add vuetify-draggable-treeview
// @NOTE: This component requires vue, vuetify, vuedraggable as peerDependency.
yarn add vuedraggable
`ts
import VuetifyDraggableTreeview from 'vuetify-draggable-treeview'
Vue.use(VuetifyDraggableTreeview)
// or manually import
VuetifyDraggableTreeview
export default Vue.extend({
components: {
VuetifyDraggableTreeview
}
})
`
vue
group="test"
v-model="items"
>
`$3
`vue
v-model="items"
>
`$3
`vue
mdi-file
{{ item.name }}
v-if="item.children != null && item.children.length > 0"
>
has {{ item.children.length }} children
`API
Currently, this component dose not support all original v-treeview component's props, slots, event.$3
Name | Type | Default | Description
--- | ---- | ---- | ---
value | Object | [] | items for treeview. item-key, item-text, item-children are not customizable currently. value can be like { id: 1, name: "test", children: []}` .