el-scrollbar
Si la barre de défilement n'est pas affichée mais que la page peut défiler lors de l'utilisation des composants Element UI , vous pouvez essayer d'appeler sa update
méthode pour mettre à jour la barre de défilement.
À un moment approprié (par exemple, une fois le chargement des données terminé ou la mise à jour d'un composant), la méthode appelée el-scrollbar
peut update
recalculer la position et la taille de la barre de défilement pour obtenir un affichage correct. La méthode peut être appelée des manières suivantes update
:
mounted
Appelez la méthode dans la fonction hookupdate
:mounted() { this.$nextTick(() => { this.$refs.scrollbar.update(); }); }
Dans
mounted
la fonction hook, utilisez$nextTick
la méthode pour vous assurer queel-scrollbar
le a été rendu avant d'appelerupdate
la méthode.- Appelez la méthode dans la méthode ou le rappel d'événement d'un composant
update
:methods: { handleDataLoaded() { this.$nextTick(() => { this.$refs.scrollbar.update(); }); } }
Une fois le chargement des données terminé ou à d'autres moments appropriés, appelez
handleDataLoaded
la méthode pour déclencherupdate
la méthode.Que vous
mounted
appeliez la méthode dans la fonction hook ou dans d'autres méthodes ou rappels d'événementsupdate
, vous devez vous assurerel-scrollbar
que le rendu est terminé avant d'appeler. De cette façon, la barre de défilement sera mise à jour en fonction du changement de contenu et affichée correctement.