vue阻止移动端浏览器点击图片浏览行为的几种方法

总结了以下几种方法供参考

手机端页面，点击img的图片，会变成预览模式这会造成用户体验比较差，
原来只要是手机端的img就肯定会有这个情况

1-----、 全局设置 img{ pointer-events: none; }
2-----、 在img元素上添加 οnclick=“return false”
3-----、.图片用背景图的方式插入 background:url(a.png) norepeat center;
4-----、.使用js事件阻止默认行为的方法，这里需要注意哦！

var img = document.getElementById(‘banner’);
img.addEventListener(‘click’,function(e){
e.preventDefault();
});

          
          
--------------------- 
作者：少年你好，我是π。。。 
来源：CSDN 
原文：https://blog.csdn.net/qq_43528934/article/details/91844885 
版权声明：本文为博主原创文章，转载请附上博文链接！