直接上代碼:
<img
class="left"
:src="step.stepPicUrl == '' ? defaultPic : step.stepPicUrl"
@click="itemPicClick(step.stepNum, step.stepPicUrl)"
/>
在vue中設(shè)置默認(rèn)圖片溪掀,如果直接寫在src的屬性里蜗巧,那么可以用類似"../img/x.png"的string路徑大脉,但是如果在邏輯判斷的代碼中要使用默認(rèn)圖片焊夸,或者說用:src進行綁定的時候就不能類似的方法了。所需要的默認(rèn)圖片要用require的方法進行引入恼五,就可以使用data中的數(shù)據(jù)了昌罩,如下:
defaultPic: require("../assets/img/pictute.png"),