首頁  >  文章  >  web前端  >  如何解決uniapp圖片錯誤問題

如何解決uniapp圖片錯誤問題

藏色散人
藏色散人原創
2020-12-17 16:49:316060瀏覽

uniapp圖片錯誤的解決方法:1、使用「v-bind require」來解決圖片載入不出來的問題;2、透過使用「background-image」屬性來解決圖片錯誤問題,其語句如「background-image:url(..);」。

如何解決uniapp圖片錯誤問題

本教學操作環境:windows7系統、uni-app2.5.1版本,此方法適用於所有品牌電腦。

推薦(免費):uni-app開發教學

uniapp圖片載入不出來的解決方案

分為兩種

第一種

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

第二種

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

以上是如何解決uniapp圖片錯誤問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn