vue拖拽不触发解决方式 @dragstart @drop

相关文章推荐

淡定的菠萝 · jackson实体为NULL或者为空不显示 ...· 1 年前 ·

干练的面包 · 如何获取当前月是第几季度？季度开始结束年月- ...· 1 年前 ·

追风的羽毛球 · EntityFramework系列：MySq ...· 1 年前 ·

多情的伏特加 · 解决 NameError: name ...· 1 年前 ·

风流的书签 · Fabric.js介绍第四部分 - 简书· 1 年前 ·

最近又在撸VUE,要实现一个拖拽功能.然而发现操作下来各种不触发,醉了醉了.

解决:不触发@dragstart

//我这里使用的是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>

推荐文章

淡定的菠萝 · jackson实体为NULL或者为空不显示 - 路迢迢 - 博客园

1 年前

干练的面包 · 如何获取当前月是第几季度？季度开始结束年月-百度经验

1 年前

追风的羽毛球 · EntityFramework系列：MySql的RowVersion-腾讯云开发者社区-腾讯云

1 年前

多情的伏特加 · 解决 NameError: name ‘labelme‘ is not defined_记昨日书dd的博客-CSDN博客

1 年前

风流的书签 · Fabric.js介绍第四部分 - 简书

1 年前