在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ vue項(xiàng)目中的xx.html文件引入的圖片路徑該怎么處理?

vue項(xiàng)目中的xx.html文件引入的圖片路徑該怎么處理?

在vue項(xiàng)目中,大圖使用require引入xx.vue文件中,但是里面有個(gè)xx.html文件,圖片src屬性值是相對(duì)路徑,然后打包出來圖片就顯示不了

回答
編輯回答
爛人

vue項(xiàng)目根目錄下有個(gè)static文件夾,靜態(tài)圖片和json等都在這個(gè)目錄下相對(duì)引用,打包之后這個(gè)文件夾下的內(nèi)容會(huì)打到發(fā)布項(xiàng)目的static,兩個(gè)路徑一致,就可以直接顯示了

2018年5月1日 01:10
編輯回答
久愛她

可以先 import img from './圖片路徑.jpg';
然后做數(shù)據(jù)綁定
data(){

    return{
         imgUrl: img
    }

}

template中引用
<img :src="imgUrl">

在webpack 要引入img-loader;如果你是vue-cli搭建的,就可以忽略這一條

2018年5月11日 20:58