Vue禁止图片拖拽的办法
如果图片不是背景的话，而是img方式放在网页里是可以拖拽的，项目有禁止图片禁止拖拽的需求。只要加上一行代码就可以做到Vue禁止图片拖拽，方法就是加上@dragstart.prevent就行了，@dragstart是拖拽事件，.prevent是vue事件修饰符阻止默认事件，想了解更多vue事件修饰符知识请阅读《5个常用的vue事件修饰符》这篇文章。
例子代码如下：
<img class="honour-img" src="../../assets/img/honour_1.png" @dragstart.prevent />
除注明外的文章,均为来源:老汤博客,转载请保留本文地址！
原文地址：https://tangjiusheng.cn/vue/217.html
原文地址：https://tangjiusheng.cn/vue/217.html
大家都在看
- vue删除数组中的某个元素(教你删除某个元素和删除某些元素方法)
- Vue动态路由与静态路由的区别（深入剖析动态路由和静态路）
- vue如何刷新组件（教你前端vue刷新组件的2种方式）
- vue3中的inject干嘛用的（ provide和inject 用法及原理详解 ）
- Vue 3.0马上要来了年底正式发布
- vue删除数组中的某个元素(附亲测有用的实例代码)
- Vue路由传参和接受参数的常用方法
- vue3的reactive和ref区别（一文搞懂ref和reactive的使用）
- vue中checkbox勾选触发事件的使用(click事件和change事件方法对比)
- Vue动态路由写法（简单两步就可实现Vue动态路由）