Maison  >  Article  >  interface Web  >  Comment résoudre le problème d'erreur d'image Uniapp

Comment résoudre le problème d'erreur d'image Uniapp

藏色散人
藏色散人original
2020-12-17 16:49:316086parcourir

Solutions aux erreurs d'image uniapp : 1. Utilisez "v-bind + require" pour résoudre le problème de l'impossibilité de charger l'image ; 2. Utilisez l'attribut "background-image" pour résoudre le problème des erreurs d'image ; . Sa déclaration telle que "background-image:url(..);".

Comment résoudre le problème d'erreur d'image Uniapp

L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé (gratuit) : Tutoriel de développement d'uni-app

Solution au problème selon lequel les images uniapp ne peuvent pas être chargées

est divisé en deux types

Le premier type

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

Le deuxième type

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn