vue怎么動態渲染本地圖片
分為兩種情況 1.把圖片放在與src同級的static下 按照正常方式引入: 2.把圖片放在assets或其他文件夾下,需要用require解析引入 ...
圖片放置在assets下面,然后寫到data中是不會被解析的。如果想要解析,就利用require方法引用一下。 比如在假的json中引用如下屬性: img :require .. .. assets images .jpg 需要require引用圖片路徑 ...
2020-04-21 09:20 0 1628 推薦指數:
分為兩種情況 1.把圖片放在與src同級的static下 按照正常方式引入: 2.把圖片放在assets或其他文件夾下,需要用require解析引入 ...
在工作中常常有這個需求就是特別是類似管理系統的左側菜單,自定義一些圖片的時候,需要渲染本地的img資源 這些圖片資源往往是放在本地的assets/images下的,如果成功渲染除這些資源呢,我的做法是 第一步,在utils下新建一個menu.ts文件,然后在里面配置我的菜單 ...
首先說明vue-cli中assets和static兩個文件的區別 1.assets在項目編譯的過程中會被webpack處理理解為模塊依賴,如果執行npm run dev或npm run build命令行,assets會被編譯,導致路徑發生變化,所以如果寫成絕對路徑,會存在問題 2.static ...
" />上傳圖片 </a> :src="imgsrc" ...
嘗試了很多辦法都不行,直接用require解決 ...
把正常img標簽中的src="@/assets/logo.png"換成 就可以了。 ...
// 帶參數傳值 本地美食 ...
:src="require('../img'+item+'.png')" /> ...