Sortablejs: sortable: cannot mount plugin xxx more than once

解决方案:
main.js 里引用插件,然后在组件内直接引用sortable.

// main.js
import Sortable, { Swap } from 'sortablejs'
Sortable.mount(new Swap())
// 组件内
<script>
import Sortable from 'sortablejs'
export default {
 mounted() {
    this.sortTable = new Sortable(el, {
       swap: true,
       swapClass: 'highlighted'
    })
 },
 beforeDestroy() {
     this.sortTable.destroy()
 },
}
<style>
.highlighted{
  border-bottom: 2px solid #9ab6f1;
}
</style>
posted @ 2024-10-31 15:23  卑面派对  阅读(5)  评论(0编辑  收藏  举报