vue引入圖片之require()


require()是nodejs的寫法,用於導入模塊、JSON 和本地文件,可以使用相對路徑(例如 ././foo./bar/baz../foo)導入本地模塊和 JSON 文件,該路徑將根據 __dirname(如果有定義)命名的目錄或當前工作目錄進行解析。

在vue中使用img時,src 中引入的圖片應該為圖片的本身路徑(相對路徑或者絕對路徑),但是vue在DOM中直接引入的圖片會被轉為base64格式的,因此使用require最不易出錯。

示例代碼:

<van-image :src="require('@/assets/logo.png')"/>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM