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

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

一身肌肉的酱肘子 · Nat. ...· 7 月前 ·

玩滑板的消炎药 · 清华大学投毒案新进展:室友孙维被“围剿”|李 ...· 1 年前 ·

直爽的黑框眼镜 · 训蒙骈句全文解 - 知乎· 2 年前 ·

酒量大的板栗 · 暴殄天物！-沦为暴君的掌中玩物-漫画牛· 2 年前 ·

瘦瘦的猴子 · 荣格和弗洛伊德：两位大咖的私人关系(图)-中新网· 2 年前 ·

最近又在撸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>

推荐文章

一身肌肉的酱肘子 · Nat. Comm.发文|上海交大黄富强团队：长链聚丙烯酸胶体实现常温自愈合和高弹性水凝胶-上海交通大学 | 张江高等研究院

7 月前

玩滑板的消炎药 · 清华大学投毒案新进展:室友孙维被“围剿”|李昌钰|中毒案|铊中毒|受害者朱令|孙维(主持人)_网易订阅

1 年前

直爽的黑框眼镜 · 训蒙骈句全文解 - 知乎

2 年前

酒量大的板栗 · 暴殄天物！-沦为暴君的掌中玩物-漫画牛

2 年前

瘦瘦的猴子 · 荣格和弗洛伊德：两位大咖的私人关系(图)-中新网

2 年前