vue3 监听img标签加载失败

在 Vue 3 中，监听 img 标签的加载失败事件，你可以使用 `v-on` 挂载一个自定义的 `error` 事件处理器。通常我们会结合 `ref` 来获取到元素实例以便于处理。下面是一个示例：

<template>
  <div>
    <img :src="imageUrl" ref="imageRef" @error="handleImageError">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'your-image-url',
    };
  },
  methods: {
    handleImageError(e) {
      console.error('Image loading failed:', e);
      // 这里可以添加你需要的错误处理逻辑，比如显示默认图片、提示用户等
    },
  },
};
</script>

在这个例子中，当图片加载失败时，`handleImageError` 方法会被调用，并打印出错误信息。你可以根据实际需求在此处定制错误处理策略。