ホームページ > ウェブフロントエンド > uni-app > uniappの画像エラー問題を解決する方法

uniappの画像エラー問題を解決する方法

藏色散人
リリース: 2020-12-17 16:49:31
オリジナル
6139 人が閲覧しました

Uniapp の画像エラーの解決策: 1. "v-bind require" を使用して画像を読み込めない問題を解決します; 2. "background-image" 属性を使用して画像エラーの問題を解決します。 「background-image:url(..);」のようになります。

uniappの画像エラー問題を解決する方法

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

推奨(無料): uni-app開発チュートリアル

uniappイメージが読み込めない問題の解決策

2 つのタイプに分かれています

1 つ目は

<image :src="require(&#39;../../static/picture&#39;)">   //使用v-bind + require
ログイン後にコピー

2 つ目は

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

以上がuniappの画像エラー問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート