HeRo https://blog.hatena.ne.jp/HeRo/ アクトインディ開発者ブログ https://tech.actindi.net/ morishita いこレポ Vue javascript morishitaです。 Vue.Draggableをネストさせて利用してみたので紹介します。 Vue.Draggable とは Vue.Draggable はVueアプリケーションでドラッグドロップ操作を実現するのにとても便利なコンポーネントライブラリです。 単に編集対象のリストを表示して、それをドラッグドロップで並べ替えるだけだととても簡単に実装できます。 複数のリスト間で要素を移動したり、階層的なリストの並べ替えもできたりとちょっと複雑な要件にも対応できる柔軟な作りになっています。 言葉で説明するより動いているものに触っているみのが早いのでライブデモのページを参照してみてください。 so… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.actindi.net%2F2019%2F07%2F24%2F090833" title="ネストしたリストで Vue.Draggable を使ってみた - アクトインディ開発者ブログ" 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.user.blog.st-hatena.com/default_entry_og_image/153051778/1535593294179794 Hatena Blog https://hatena.blog 2019-07-24 09:08:33 rich https://tech.actindi.net/2019/07/24/090833 1.0 100%