解决第三方网页在微信浏览器中点击图片会自动放大

2018-07-06

微信Android客户端,使用img标签的src属性将图片设置好了以后,在微信中调试,点击图片会放大  

传统方式: 

$(document).on(‘click’, ‘img’, e => { 
e.preventDefault();
})

这个方式可能会把所有的默认的属性都屏蔽了,典型的就是a标签不能跳转 
css方式: 

img{ 
pointer-events: none;
}

这个会让img标签的点击事件失效,如果想要点击图片就要给上面再写一层 
Vue方式: 
v-on:click.prevent或者@click.prevent 
既能保证img标签的click,也能保证在微信中不自动放大,完美解决