Оптимизация производительности при сбое загрузки изображения в Vue

Сценарий: По сути, изображения в нашем проекте отправляются через фон, и мы визуализируем их в доме, но после запуска приложения, если фон сообщает об ошибке, и мы не можем получить изображения, у пользователей будет плохой опыт. .

<img :src="imgUrl" @error="handleError" alt="">
<script>
export default{
  data(){
    return{
      imgUrl:''
    }
  },
  methods:{
    handleError(e){
      e.target.src=reqiure('图片路径') //这边可以填充一个通用的报错图片
    }
  }
}
</script>

Supongo que te gusta

Origin blog.csdn.net/qq_53114797/article/details/128797450
Recomendado
Clasificación