使用require定義之后,你就可以動態使用了,不用require你就只能寫死的。
不用 :src="'../img/image.jpg'" 會被解析為字符串
<img src="../img/image.jpg"> // 正常加載 <img :src="'../img/image.jpg'"> // 動態地址,路徑被加載器解析為字符串,圖片找不到
使用
src1:require('../img/image1.jpg'), src2:require('../img/image2.jpg'), index: 1,
<img :src="index = 0 ? src1: src2"> // 動態地址,正常加載
作者:不是米勒
鏈接:https://www.jianshu.com/p/ea08018d770c
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。