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

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

藏色散人
Libérer: 2020-12-17 16:49:31
original
6139 Les gens l'ont consulté

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
Copier après la connexion

Le deuxième type

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

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal