在img标签上使用:onerror
后面跟着onerror的图片路径变量defaultImg;
在data中,定义图片路径,写法为:
defaultImg: 'this.src="' + require('../../assets/img/default.jpg') + '"'
完整代码如下:
<template>
<img :src="picUrl(commentItem.photo)" :onerror="defaultImg"/>
</template>
<script>
export default {
data () {
return {
defaultImg: 'this.src="' + require('../../assets/img/default.jpg') + '"'
}
}
}
</script>