vue3中 vue-lazyload的事件

vue-lazyload是一个Vue.js的懒加载插件，它可以延迟加载图片，优化页面性能。在Vue3中，vue-lazyload的事件有以下几个：

1. loaded：图片加载完成后触发的事件。

2. error：图片加载失败时触发的事件。

3. loading：图片加载中时触发的事件。

这些事件可以通过在Vue组件中使用v-lazy指令来触发。例如：

<template>
  <div>
    <img v-lazy="imageSrc" @loaded="onLoaded" @error="onError" @loading="onLoading">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageSrc: 'path/to/image.jpg'
    }
  },
  methods: {
    onLoaded() {
      console.log('Image loaded.');
    },
    onError() {
      console.log('Image failed to load.');
    },
    onLoading() {
      console.log('Image is loading.');
    }
  }
}
</script>

在上面的代码中，当图片加载完成后，onLoaded方法将被调用；当图片加载失败时，onError方法将被调用；当图片正在加载时，onLoading方法将被调用。