如果图片不是背景的话，而是img方式放在网页里是可以拖拽的，项目有禁止图片禁止拖拽的需求。只要加上一行代码就可以做到Vue禁止图片拖拽，方法就是加上@dragstart.prevent就行了，@dragstart是拖拽事件，.prevent是vue事件修饰符阻止默认事件，想了解更多vue事件修饰符知识请阅读《5个常用的vue事件修饰符》这篇文章。
例子代码如下：
<img class="honour-img" src="../../assets/img/honour_1.png" @dragstart.prevent />
赞助会员可免费查看更多内容!
网站运营需要成本。您的支持，就是我们更新的动力！
网站运营需要成本。您的支持，就是我们更新的动力！
关注本站更多学习内容请收藏本站或保存本站永久网址[www.axue5.com]每天更新学习资源和各种,破解软件,福利美图技术教程,线报活动等网络资源！
© 版权声明
THE END
![北巷漫画免费阅读下拉式1.1.0最新版[安卓软件]-爱学社区](http://www.axue5.com/oss/img/images/202212/103148f51922df99a5d2d6c0115551e7.png)
![工学云辅助修改位置工具v1.0.1 免费版[安卓软件]-爱学社区](http://www.axue5.com/oss/img/images/202302/d7582cc44b400e4a7c640f065f1188e9.png)
![WordPress网站首页添加看的四格小工具教程[WP教程]-爱学社区](http://www.axue5.com/oss/img/weixin/2021/12/1639841416004-150x150.png)
暂无评论内容