阻止微信点击图片预览

1.问题:微信点击图片会预览

2.思路

(1)不让其点击

(2)阻止默认事件

3.解决方案

(1)不让其点击:

为图片添加以下属性

pointer-events: none;

或者:

为该img加一个div,只不过div的层在img的上面所以采用z-index进行层的浮动

(2)阻止默认事件

为img添加以下代码(这是vue中的写法)

@click.prevent="(()=>{return false})"

js中的写法:为img添加的点击事件

function () {
  window.event?window.event.returnValue = false : e.preventDefault();
}