需求场景:
列表中每个卡片加载不同的图片
解决方法:
绑定方法,并使用require作为返回;当链接不存在时,require在编译时会报错,用try catch处理
<div v-for="(item,index) in list" :key="index">
<img :src="getIconUrl(item.imgUrl) alt">
</div>
getIconUrl(imgUrl) {
try{
//存在则加载图片
return require("../../a/b/" + imgUrl + ".png");
}catch(e) {
//不存在则catch中返回默认的图片
return require("../../a/b/default.png");
}
}