处理img标签url路径错误，图片空白或一闪一闪的问题

开发项目时经常遇到img标签图片的url打不开的情况，导致标签一直空白或一闪一闪的问题，不必焦虑，教你一招轻松解决以上问题！
如果不加.once，img会一直循环加载图片（出现空白或一直在闪烁），在error事件后加上.once，即只触发一次，可使用自定义图片显示。

<template>
  <div>
    <img :src="defaultSrc" @error.once="errorImage"/>
  </div>
</template>
<script>
export default {
  props: {},
  data () {
    return {
      defaultSrc: require('../prettyGirl.png')
    }
  },
  methods: {
    errorImage (e) {
      e.target.src = '../prettyGirl.png'
      this.mySrc = require('../prettyGirl.png')
    }
  }
}

最后如果解决了你的问题，麻烦点赞评论一下哦，祝大家开发时烦恼越来越少！！！