<tbody>
<tr
class="drag-item"
v-for="(item, index) in dialogTableData"
:key="index"
draggable
@drop="($event) => dropItem(index, item, $event)"
@dragover="ondragover"
>
</tbody>
在tbody中的tr也就是每一行上添加属性draggable,dragover设置一个方法ondragover
// 拖动经过DOM事件阻止默认事件发生
ondragover (event) {
event.preventDefault()
},
如果table只接收,table上就只需要drop方法
@drop="($event) => dropItem(index, item, $event)"
如果需要拖拽可以加上dropstart方法
@dragstart="($event) => tableonStart(index, childItem, $event)"
然后在方法里面去操作