使用vue awe-dnd插件实现拖动交换位置

1.npm install awe-dnd
2.定义数据列表moduleList:[{name:'',path:''},{name:'',path:''}],
3.js

this.$dragging.$on("dragged", (result) => {
            // 将排序后的结果重新赋值
            this.moduleList = result.value.list;
            console.log('dragged',result)
        });

        this.$dragging.$on('dragend', (v) => {
            console.log('dragend',v);
        })

在main.js中注册插件

import VueDND from 'awe-dnd'
Vue.use(VueDND)

4.html

 <div class="item_module" 
            v-dragging="{item: module, list:moduleList, group:'item',otherData:'whatever u want', comb: 'isComb'}"
            v-for="(module,inx) in moduleList"
            :key="inx">