javascript – Probleme mit QR-Codes auf iOS-Telefonen in Vue

Question

Fügen Sie ein Bild mit einem QR-Code im Vue-Projekt ein

<img src="1.jpg" class="newImage">

Aber warum kann die Funktion zum Scannen des QR-Codes des Bildes nicht aufgerufen werden, wenn man lange auf das Bild drückt?
Aber ein solcher QR-Code kann auf einem Android-Telefon erscheinen?

Was ist der Grund dafür?

Bildstil:

.newImage{

width:100%;
min-height: 100vh;
background-size:100%;

}

Zum Beispiel Bilder wie dieses:

Answer 1

长按图片调出扫描图片二维码的功能是微信，QQ浏览器，UC浏览器等第三方应用封装的功能，不是系统原生自带的，iOS的Safari，安卓的原生浏览器都没有这个功能

Answer 2

IOS二维码的图片定位有问题。。。实际定位在相对图片的右下角，你试试在图片右下角长摁试试，应该可以调起扫描二维码的功能。