vue 如果图片报错 怎么更换另一张图片

可以使用v-bind指令绑定一个默认的图片地址，当图片加载失败时，就会自动替换成默认图片。示例代码如下：

<template>
  <img :src="imgUrl" @error="handleError" />
</template>

<script>
export default {
  data() {
    return {
      imgUrl: '图片地址', // 默认图片地址
    };
  },
  methods: {
    handleError() {
      // 加载失败时，将图片地址替换成另一个地址
      this.imgUrl = '另一个图片地址';
    },
  },
};
</script>

在上面的代码中，通过v-bind指令将默认图片地址绑定到img标签上，并在@error事件中监听图片加载失败事件，当图片加载失败时，就会执行handleError方法，将图片地址替换成另一个地址。