javascript - 使用：vue2.0，如何实现拖放替换元素？

Question

想实现：把p1拖放到p2上时，p2变成半透明，鼠标放开把p2替换为p1。
我使用了html5的drag，能实现拖动，但是始终没有比较好的方法实现想实现的功能，各路英雄帮帮忙呀～

Answer 1

我用了个拖拽库实现.. dragula

我是这样实现的:

dragula([document.querySelector('list')], {
    direction: 'vertical'
})
    .on('drag', (el) => {
        this.dragIndex = $(el).index()
    })
    .on('drop', (el) => {
        this.dropIndex = $(el).index()
        // sort 内实现数据交换
        this.sort()
    })