微信android手機中點擊大圖片會自動放大圖片

本身使用的是微信Android客戶端，使用img標籤的src屬性將圖片設置好了之後，在微信中調試，點擊圖片居然放大，本身沒寫放大圖片的方法，也沒有調用wx.previewImage()方法，最後查找，原來是微信Android客戶端已經在底層支持了img標籤自動放大的功能，說是bug仍是改進？由於傳統的瀏覽器是不帶圖片放大效果的，須要本身寫方法，好了，明白了問題所在，解決就行了： 
傳統方式：

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

這個方式可能會把全部的默認的屬性都屏蔽了，典型的就是a標籤不能跳轉 
css方式

img{ pointer-events: none; }

 

這個會讓img標籤的點擊事件失效，若是想要點擊圖片就要給上面再寫一層 
Vue方式：

v-on:click.prevent或者@click.prevent

 

------------------------------------------------------------------

 

我本身用的是給對應的img圖片加上增長div父元素再給imgpointer-events: none; 

而後把本來在img上的事件放到父div中class也是，而後imgwidth:100%就行了

針對個別發現的圖片處理