L'utilisation et la gestion des erreurs de @scroll dans vue

Avant-propos :

        L'utilisation et la gestion des erreurs de @scroll dans vue.

Étapes d'utilisation :

1、modèle

<ul @scroll="onScrollFun">
  <li></li>
  ....
</ul>

2. js

onScrollFun(e){
  // 获取滚动条离顶部的距离
    // let top = e.target.scrollTop;
    // 滚动条距离底部的距离scrollBottom
    let scrollBottom = e.target.scrollHeight - e.target.scrollTop - e.target.clientHeight;
}

Rencontrer des problèmes:

L'écriture de cette méthode de surveillance ne prendra pas effet

Solution:

onMounted(() => {
  window.addEventListener('scroll',onScrollFun,true);
});