link管理  ›  vue拖拽不触发解决方式 @dragstart @drop

任性的沙发 2 年前

//我这里使用的是iView,在对MenuItem元素添加@dragstart的时候不触发
//后来看了文档发现在对组件添加事件监听的时候需要通过添加.native来引用原始事件.
//也就是说需要使用@dragstart.native="dragstart($event)"
<MenuItem name="aaa" draggable @dragstart.native="dragstart($event,item.id)" 
></MenuItem>
解决:不触发@drop
 
//我们需要对被拖放元素添加@dragover.prevent来阻止浏览器执行与事件关联的默认动作.
<div @drop="onDrop" @dragover.prevent></div>