vue图片路径错误，展示默认图片

<img 
  :src="item.url ? item.url : noneImg"
  @error="imgError(item)">
 
<script>
 
import noneImg from './images/noneImg.png'
 
export default {
  data() {
    noneImg
  },
  methods: {
    imgError() {
      let img = event.srcElement
      img.src = this.noneImg
      img.onerror = null  // 这里是防止img报错会一直触发
    }
  }
}
 
</script>

或者

<img 
  :src="item.url ? item.url : noneImg"
  @error="imgError(item)">
 
<script>
 
import noneImg from './images/noneImg.png'
 
export default {
  data() {
    noneImg
  },
  methods: {
    imgError(item) {
      let img = event.srcElement
      item.url = this.noneImg
      img.src = this.noneImg
      img.onerror = null  // 这里是防止img报错会一直触发
    }
  }
}
 
</script>