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

问题描述

问 题

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

解决方案

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

我是这样实现的:

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

这篇关于javascript - 使用：vue2.0，如何实现拖放替换元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！