images-viewer-vue3/dist/es/directive/v-lazy-image.js

A lightweight image viewer for Vue3

function r(e, n) {
  new IntersectionObserver(
    (t, d) => {
      t.forEach((i) => {
        i.isIntersecting && (e.src = n.value, d.unobserve(e));
      });
    },
    {
      rootMargin: "0px",
      threshold: 0.1
      // 图片进入视口的10%时开始加载
    }
  ).observe(e);
}
const s = {
  mounted(e, n) {
    r(e, n);
  },
  // 绑定元素的父组件更新前调用
  beforeUpdate(e, n, o) {
  },
  // 在绑定元素的父组件
  // 及他自己的所有子节点都更新后调用
  updated(e, n, o) {
    r(e, n);
  },
  // 绑定元素的父组件卸载前调用
  beforeUnmount(e, n, o) {
  },
  // 绑定元素的父组件卸载后调用
  unmounted(e, n, o) {
  }
};
export {
  s as default
};