「Vue.Draggable」の並び順をブラウザに保存する方法

以前から「Vue.Draggable」の並び順をブラウザに保存したいなあと思っていました。先日「vue-ls」というブラザストレージを操作するライブラリの記事を書いた際に、勢いで「Vue.Draggable」と組み合わせたシステムを作成しました。

Vue.jsでドラッグ&ドロップするなら「Vue.Draggable」がおすすめ

「Vue.Draggable」を使えばドラッグ&ドロップが簡単に実装できます。基本的な使い方、ちょっとした応用などコピペで1分のサンプルを公開しています。

Vue.Draggableでフィルタリングされたリストを使用する

Vue.Draggableを使いながらリストをフィルタする機能が欲しいと思いました。
しかし、Vue.Draggableの特性と言いますか、制限のようなものでcomputedが使用できません。
そこで別のやり方で実装しました。