directives.js 335 B

12345678910111213141516
  1. const directives = {
  2. // 图片懒加载
  3. lazyImg: {
  4. mounted(el, binding) {
  5. const observer = new IntersectionObserver(entries => {
  6. if (entries[0].isIntersecting) {
  7. el.src = binding.value
  8. observer.unobserve(el)
  9. }
  10. })
  11. observer.observe(el)
  12. }
  13. }
  14. }
  15. export default directives