最近又在撸VUE,要实现一个拖拽功能.然而发现操作下来各种不触发,醉了醉了.
//我这里使用的是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>
//我这里使用的是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>
//我们需要对被拖放元素添加@dragover.prevent来阻止浏览器执行与事件关联的默认动作. <div @drop="onDrop" @dragover.prevent></div>
