使用require將圖片進入,寫法如下:
data: () => ({logo: 'this.src="' + require('../assets/img.png') + '"'})
注:我是在data里就將字符串拼接好了,當然也可以在onerror方法里拼接,這里就不贅述了。
然后在img的onerror方法中調用
<img v-bind:src="userData.photo" :onerror="logo" class="img-box4">
在v-bind標簽中,單引號' '引用的內容作為字符串存在;雙引號" "引用的內容作為變量/表達式存在,可以進行運算。