blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

fix(Lazyload): directive update is removed

Browse Source
This commit is contained in:
chenjiahan 2020-11-30 19:31:37 +08:00
parent b6a9245740
commit 5d8b7bd7fb
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/vant-lazyload/src/index.js
View File

@ -26,8 +26,7 @@ export const Lazyload = {
app.directive('lazy', {
beforeMount: lazy.add.bind(lazy),
update: lazy.update.bind(lazy),
updated: lazy.lazyLoadHandler.bind(lazy),
updated: lazy.update.bind(lazy),
unmounted: lazy.remove.bind(lazy),
});

10
packages/vant-lazyload/src/lazy-component.js
View File

@ -9,14 +9,16 @@ export default (lazy) => {
default: 'div',
},
},
emits: ['show'],
render() {
return h(
this.tag,
null,
this.show && this.$slots.default ? this.$slots.default() : null
);
},
data() {
return {
el: null,
@ -27,18 +29,22 @@ export default (lazy) => {
show: false,
};
},
mounted() {
this.el = this.$el;
lazy.addLazyBox(this);
lazy.lazyLoadHandler();
},
beforeUnmount() {
lazy.removeComponent(this);
},
methods: {
getRect() {
this.rect = this.$el.getBoundingClientRect();
},
checkInView() {
this.getRect();
return (
@ -49,11 +55,13 @@ export default (lazy) => {
this.rect.right > 0
);
},
load() {
this.show = true;
this.state.loaded = true;
this.$emit('show', this);
},
destroy() {
return this.$destroy;
},