1. vue3中引入本地圖片
本地圖片一般存放在src/assets或者public目錄下,public目錄下的圖片不會被webpack打包,src目錄下面的圖片會被webpack打包
在vue組件中的script中使用require引入,require裡面為圖片路徑,一般用相對路徑,注意require不能接收變數作為地址
在vue組件中的視圖中直接使用相對地址
2. 怎麼在uniapp、index.vue中導入圖片
在uniapp、index.vue中導入圖片的方法分別如下:
1、在uniapp導入圖片的方法是在js中通過require() 引入圖片(圖片大小不能超過3kb)或在html中通過相對路徑引入(絕對路徑打包後圖片不顯示)。
2、在index.vue中導入圖片的方法是先給圖片地址綁定變數,在script中設置變數。直接將圖片引入為模塊,require imgUrl from "../assets/test.png"。即可完成圖片的導入。