hiroki-nishizawa https://blog.hatena.ne.jp/hiroki-nishizawa/ ROXX開発者ブログ https://techblog.roxx.co.jp/ こんにちは株式会社SCOUTERでフロントエンドエンジニアをしているhirokinishizawaです。 以前機能開発でドラッグアンドドロップを行えるようにするという開発を行いました。そこでVue.Draggableを使用することになったのですが躓いたところがあったのでメモとして残していければと思います。 成果物 ドキュメント github.com インストール yarn add vuedraggable 又は npm i -S vuedraggable 構成 実際の機能とは少し違うのですが近い感じの構成で簡単に作成してみました。 <template> <div class="conteine… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.roxx.co.jp%2Fentry%2F2018%2F12%2F18%2F120000" title="【Vue.js】Vue.Draggableを使って躓いたところ - ROXX開発者ブログ" 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/h/hiroki-nishizawa/20181218/20181218112555.png Hatena Blog https://hatena.blog 2018-12-18 12:00:00 rich https://techblog.roxx.co.jp/entry/2018/12/18/120000 1.0 100%