在 .vue 文件中通過相對路徑引用本地圖片時,需要在圖片的鏈接外包上一層 require(),將圖片 URL 轉換為 webpack 模塊請求,并結合 file-loader 或者 url-loader 進行處理。
<!-- 錯誤寫法 -->
<van-image src="./image.png" />
<!-- 正確寫法 -->
<van-image :src="require('./image.png')" />
在 .vue 文件中通過相對路徑引用本地圖片時,需要在圖片的鏈接外包上一層 require(),將圖片 URL 轉換為 webpack 模塊請求,并結合 file-loader 或者 url-loader 進行處理。
<!-- 錯誤寫法 -->
<van-image src="./image.png" />
<!-- 正確寫法 -->
<van-image :src="require('./image.png')" />