この記事は suusan2go Advent Calendar 2019 - Adventar の6日目の記事です。 仕事でVuetifyを使っていて、 TreeviewコンポーネントのUIでドラッグアンドドロップ出来るようにする必要があった。Treeviewというのは以下のように、階層構造をもつデータ構造をいい感じにするコンポーネント。 が、以下のIssueにもあるように現状はドラッグアンドドロップをサポートする予定はないとのこと。 github.com There is currently no plan to implement drag & drop functionality というわけで、作った 作ったもの こんな感じでコンポーネントを定義してやれば、Treeviewかつドラッグアンドドロップ可能なコンポーネントが使えるようになる。 <template> <v-draggabl
![Vuetifyの TreeviewをDrag and Drop可能にしたコンポーネントを作った - suusan2号の戯れ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9926ddc30dcc5e22aea1064b246da0bd1dfa75d0/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsuzan2go%2F20191207%2F20191207225659.png)