vue組件中js定義的本地圖片在頁面沒法顯示問題

本地圖片直接放到img標籤中是能夠展現的；可是經過js引入到img標籤中，是沒法展現的，須要經過require才能展現

 

　　assets文件夾下的圖片photo.png

 

　　本地圖片直接在img標籤中使用

　　<img  src="@/assets/photo.png"  />　　圖片能夠顯示

　　

　　js中的本地圖片須要使用require才能顯示

　　<img  ：src="pic"  />　　圖片不能顯示

　　<img  ：src="img"  />　　圖片能夠顯示

　　data( ){

　　　　return {

　　　　　　pic：'@/assets/photo.png'，

　　　　　　img：require('@/assets/photo.png')

　　　　}

　　}