Heim > Web-Frontend > uni-app > Hauptteil

So lösen Sie das Uniapp-Bildfehlerproblem

藏色散人
Freigeben: 2020-12-17 16:49:31
Original
6094 Leute haben es durchsucht

Lösungen für Uniapp-Bildfehler: 1. Verwenden Sie „v-bind + require“, um das Problem zu lösen, dass das Bild nicht geladen werden kann. 2. Verwenden Sie das Attribut „background-image“, um das Bildfehlerproblem zu lösen, mit Anweisungen wie „Hintergrundbild:url(..);“.

So lösen Sie das Uniapp-Bildfehlerproblem

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version. Diese Methode ist für alle Computermarken geeignet.

Empfohlen (kostenlos): Uni-App-Entwicklungs-Tutorial

Die Lösung für das Problem, dass Uniapp-Bilder nicht geladen werden können

ist in zwei Typen unterteilt

Der erste

<image :src="require(&#39;../../static/picture&#39;)">   //使用v-bind + require
Nach dem Login kopieren

Der zweite

//第一种可以解决99%的问题,若有1%的没解决,可以使用background-image属性
background-image:url(../../static/picture.png);
 
//使用图片的最好是,本地图片使用背景图,万无一失,网络图片使用image src。
  
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Uniapp-Bildfehlerproblem. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage