普通页面设置img的默认图片
<img src="./图片路径.png" onerror="this.src='./默认图片路径.png'">
如果在 vue 项目中 同样这样设置, 因为webpack打包的原因,会找不到资源文件
解决方案:
<template>
<div>
<img src="./图片路径.png" :onerror="defaultImg">
</div>
</template>
export default {
...
computed: {
defaultImg () {
return 'this.src="'+ require('./默认图片路径.png') +'"'
}
}
}