Exigence : chargez les images lorsque la barre de défilement est abaissée vers le bas. Chargez 6 images à la fois. Si le nombre d'images dépasse 30, supprimez les 6 premières images après le chargement et conservez 30 nœuds dom.

Voici comment procéder maintenant. Définissez un imgarr=[] dans les données sous forme de tableau pour stocker l'adresse de l'image. Obtenez d'abord les valeurs de clientHeight, scrollTop et scrollHeight de l'élément scroll, et ajoutez un commutateur variable. isload = true. Si clientHeight + scrollTop > scrollHeight - 30 et que isload est vrai, chargez-le, puis définissez isload sur false, puis ajoutez l'adresse de l'image chargée à imgArr. , je concaténe l'image chargée dans imgArr, puis supprime les 6 premières adresses d'image dans imgArr dans this.nextTick, et constate que la barre de défilement ne défile pas. Après avoir interrogé, j'ai découvert que la valeur de scrollHeight lorsque this.nextTick était la valeur précédente et que la hauteur du dom chargé n'était pas incluse. Ensuite, un problème est survenu à ce moment-là.