Vue禁止图片拖拽的办法

 分类:vue教程时间:2021-08-20点击: 2022前端视频教程(自学必看)

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

Vue禁止图片拖拽的办法

例子代码如下:

<img class="honour-img" src="../../assets/img/honour_1.png" @dragstart.prevent />


除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: