sierra-kilo https://blog.hatena.ne.jp/sierra-kilo/ しがないプログラマの雑記帳 https://sierra-kilo.hatenablog.jp/ Vue.js Vue.jsでドラッグ&ドロップで要素を動かしたいなと思い、HTML5のDrag and Drop APIの利用を考えましたが、移動元の要素の場所をドラッグ開始時(dragstart イベント)に保持して、ドロップ時(drop イベント)に要素を並び替える必要があり、少々実装が複雑です。もっと手軽な方法はないかと探してみると、 Vue.Draggable が見つかりました。 Vue.Draggableを利用すれば、Vue.jsで簡単に要素をドラッグ&ドロップで並び替えることができます。今回は、Vue.Draggableの手軽な使い方について書いていこうと思います。この記事では、Vue.jsのプ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsierra-kilo.hatenablog.jp%2Fentry%2F2019%2F12%2F04%2F231152" title="Vue.jsで要素をドラッグ&amp;ドロップで手軽に動かす方法 - しがないプログラマの雑記帳" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/sierra-kilo/20191204/20191204214330.gif Hatena Blog https://hatena.blog 2019-12-04 23:11:52 rich https://sierra-kilo.hatenablog.jp/entry/2019/12/04/231152 1.0 100%