diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-10-07 23:23:58 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-09-18 13:19:51 -0400 |
| commit | c70cdbb873eb77bc1aaf7edb9defdda59bdba1e1 (patch) | |
| tree | 165a38505295386c74b4ec645093fc8e4987bb90 /src/directives/lazy_image_container.js | |
| parent | 90f757cc6d9e1e29c2567979d3c27765f84cdc6c (diff) | |
Use lozad for lazy image loading
Ref: grouped-emoji-picker
Diffstat (limited to 'src/directives/lazy_image_container.js')
| -rw-r--r-- | src/directives/lazy_image_container.js | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/directives/lazy_image_container.js b/src/directives/lazy_image_container.js new file mode 100644 index 00000000..44adc828 --- /dev/null +++ b/src/directives/lazy_image_container.js @@ -0,0 +1,13 @@ + +import lozad from 'lozad' + +const LazyImageContainer = { + inserted (el) { + const images = el.querySelectorAll('img') + console.log(images.length) + el.$observer = lozad(images) + el.$observer.observe() + } +} + +export default LazyImageContainer |