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

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


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

查看所有标签

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

图解物联网

图解物联网

[ 日] NTT DATA集团、河村雅人、大塚纮史、小林佑辅、小山武士、宫崎智也、石黑佑树、小岛康平 / 丁 灵 / 人民邮电出版社 / 2017-4 / 59.00元

本书图例丰富,从设备、传感器及传输协议等构成IoT的技术要素讲起,逐步深入讲解如何灵活运用IoT。内容包括用于实现IoT的架构、传感器的种类及能从传感器获取的信息等,并介绍了传感设备原型设计必需的Arduino等平台及这些平台的选择方法,连接传感器的电路,传感器的数据分析,乃至IoT跟智能手机/可穿戴设备的联动等。此外,本书以作者们开发的IoT系统为例,讲述了硬件设置、无线通信及网络安全等运用Io......一起来看看 《图解物联网》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

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

Base64 编码/解码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换