vue 判断 如果图片不存在 就更换另一张图片

可以使用v-bind指令来动态绑定图片的src属性，并使用v-on:error指令来监听图片加载失败事件，如下所示：

<template>
  <img v-bind:src="imageUrl" v-on:error="handleImageError">
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/image1.jpg',
      errorImageUrl: 'https://example.com/image2.jpg'
    }
  },
  methods: {
    handleImageError() {
      this.imageUrl = this.errorImageUrl
    }
  }
}
</script>

在上面的代码中，我们定义了一个imageUrl变量来动态绑定图片的src属性，同时定义了一个errorImageUrl变量来存储备用图片的地址。当图片加载失败时，会触发handleImageError方法，将imageUrl变量替换为errorImageUrl，从而实现更换另一张图片的效果。