Heim  >  Artikel  >  Web-Frontend  >  So lösen Sie das Uniapp-Bildfehlerproblem

So lösen Sie das Uniapp-Bildfehlerproblem

藏色散人
藏色散人Original
2020-12-17 16:49:316096Durchsuche

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

Der zweite

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

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!

Stellungnahme:
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