Use lozad for lazy image loading
Ref: grouped-emoji-picker
This commit is contained in:
parent
5fb65a4b11
commit
d9901d3914
5 changed files with 26 additions and 2 deletions
13
src/directives/lazy_image_container.js
Normal file
13
src/directives/lazy_image_container.js
Normal file
|
|
@ -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
|
||||
Loading…
Add table
Add a link
Reference in a new issue