如果图片不是背景的话,而是img方式放在网页里是可以拖拽的,项目有禁止图片禁止拖拽的需求。只要加上一行代码就可以做到Vue禁止图片拖拽,方法就是加上@dragstart.prevent就行了,@dragstart是拖拽事件,.prevent是vue事件修饰符阻止默认事件,想了解更多vue事件修饰符知识请阅读《5个常用的vue事件修饰符》这篇文章。

例子代码如下:
<img class="honour-img" src="../../assets/img/honour_1.png" @dragstart.prevent />
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
还木有评论哦,快来抢沙发吧~