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

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


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

查看所有标签

猜你喜欢:

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

人人都是产品经理2.0

人人都是产品经理2.0

苏杰 / 电子工业出版社 / 2017-5 / 66.6

《人人都是产品经理2.0——写给泛产品经理》继续定位在-1~3 岁的产品经理。这里特别要强调,“-1 岁”指的是“泛产品经理”群体,比如自认为是“产品新人”的“职场老人”,需要自己做产品的早期创业者,对产品感兴趣并且工作中可能要承担部分职责的技术、设计、运营等人员,其他行业对互联网产品感兴趣的从业者等,《人人都是产品经理2.0——写给泛产品经理》可以说是为他们量身定做的。 内容方面,《人人都......一起来看看 《人人都是产品经理2.0》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

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

HSV CMYK互换工具