Сценарий: По сути, изображения в нашем проекте отправляются через фон, и мы визуализируем их в доме, но после запуска приложения, если фон сообщает об ошибке, и мы не можем получить изображения, у пользователей будет плохой опыт. .
<img :src="imgUrl" @error="handleError" alt="">
<script>
export default{
data(){
return{
imgUrl:''
}
},
methods:{
handleError(e){
e.target.src=reqiure('图片路径') //这边可以填充一个通用的报错图片
}
}
}
</script>