ImgLazy 图片懒加载 #

<template>
  <ImgLazy class="vail-code-img" :src="the.imgUrl" @onEvent="onImgEvent" />
</template>

<script>
import { reactive } from 'vue';

export default {
  setup() {
    const the = reactive({
      imgUrl:
        'https://cn.bing.com/th?id=OHR.FatBearWeek_ZH-CN2381854464_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp',
    });

    /** 图片延迟加载触发事件 */
    const onImgEvent = (resp) => {
      console.log('onImgEvent', resp);
      switch (resp.cmd) {
        case 'onerror':
          consloe.log('加载超时');
          break;
      }
    };

    return { the, onImgEvent };
  },
};
</script>