v-img在Vuetify上通过URL加载的图片未加载

在Vuetify中，可以通过添加@load事件来监听图片加载完成的事件。如果图片加载失败，可以通过添加@error事件来处理错误。以下是一个示例代码：

<template>
  <v-img
    :src="imageUrl"
    @load="onImageLoad"
    @error="onImageError"
  ></v-img>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: 'https://example.com/image.jpg',
      imageLoaded: false,
      imageError: false
    };
  },
  methods: {
    onImageLoad() {
      this.imageLoaded = true;
    },
    onImageError() {
      this.imageError = true;
    }
  }
};
</script>

在上面的示例中，imageUrl是要加载的图片的URL。imageLoaded和imageError是用于跟踪图片加载状态的变量。onImageLoad和onImageError是对应的事件处理方法。

在onImageLoad方法中，将imageLoaded设置为true，表示图片已加载完成。在onImageError方法中，将imageError设置为true，表示图片加载失败。

你可以根据imageLoaded和imageError的值来根据需要显示或隐藏其他元素，或者执行其他操作。