vue安卓移动端,微信点击img被放大问题

栏目: 编程语言 · 发布时间: 6年前

内容简介:在公众号里面嵌套的h5页面,我给img添加了点击事件,例如但是当我再安卓机微信上测试的时候,会先放大图片至全屏,然后再执行我的点击事件,iOS没有问题,就很烦啊。查找了好久都没有什么文章,后来才发现,是因为微信Android客户端已经在底层支持了img标签自动放大的功能。解决方法如下:

在公众号里面嵌套的h5页面,我给img添加了点击事件,例如

<img  class="close-btn" src="./icons/close.png" @click="open">

但是当我再安卓机微信上测试的时候,会先放大图片至全屏,然后再执行我的点击事件,iOS没有问题,就很烦啊。查找了好久都没有什么文章,后来才发现,是因为微信Android客户端已经在底层支持了img标签自动放大的功能。

解决方法如下:

方法一:添加css属性,但是会让这个img的无法点击,你需要在这个img上再盖一层元素实现你的点击事件

//img css 
img{
pointer-events: none;
}

方法二:使用vue的prevent禁止原生事件

<img  @click.prevent=''  class="close-btn" src="./icons/close.png" @click.stop="open">

参考文章: https://blog.csdn.net/weixin_34362875/article/details/87621710

欢迎转载,转载需带着文章出处链接~~


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

疯狂Java讲义

疯狂Java讲义

李刚 / 电子工业出版社 / 2008-10 / 99.00元

《疯狂Java讲义》2000年至今,Java语言一直是应用最广的开发语言,并拥有最广泛的开发人群。如今,Java已经不再简单地是一门语言,它更像一个完整的体系,一个系统的开发平台。更甚至,它被延伸成一种开源精神。 《疯狂Java讲义》深入介绍了Java编程的相关方面,全书内容覆盖了Java的基本语法结构、Java的面向对象特征、Java集合框架体系、Java泛型、异常处理、Java GUI编......一起来看看 《疯狂Java讲义》 这本书的介绍吧!

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具