くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

VuetifyでDrag&Dropするときは、Sortable.jsをそのままつかう。。

VuetifyでDrag&Dropしたい場合は、直でsortable.jsを使わないといけないらしい。。

$ npm i -S sortablejs
import Sortable from "sortablejs";

export default {
  mounted() {
    this.$nextTick(function() {
      let table = document.querySelector(".v-datatable tbody");
      const _self = this;
      Sortable.create(table, {
        onEnd({ newIndex, oldIndex }) {
          // change array in data()
        }
      });
    });
  },
}

参考にしたサイト様