vue指令はローリングローディングやモニターなどをします。


突然ある人がVueにどうやってスクロールモニターをしますか?
あなたが誠心誠意質問した以上、私は慈悲深くあなたに教えます。(武蔵&小次郎)
コマンドはこのことをうまく行うことができます。以下ではelement-selectを例に挙げます。
directives.js

// v-loadmore:    element-ui select             
Vue.directive('loadmore', {
  bind(el, binding) {
   
   //   element-ui    scroll  
   const SELECTWRAP_DOM = el.querySelector('.el-select-dropdown .el-select-dropdown__wrap');
  
   SELECTWRAP_DOM.addEventListener('scroll', function() {

     /*
      * scrollHeight         (  )
      * scrollTop             ,   ,         ,                     ,    scrollTop     0.
      * clientHeight          (  )
      *         ,       true,      false:
      * ele.scrollHeight - ele.scrollTop === ele.clientHeight;
      */
     const CONDITION = this.scrollHeight - this.scrollTop <= this.clientHeight;
     
     if(CONDITION) {
       binding.value();
     }
   });
  }
})

コンポーネント:

<template>
  <el-select 
    v-model="selectValue" 
    v-loadmore="loadMore">
    <el-option
      v-for="item in options"
      :key="item.id"
      :label="item.accountName"
      :value="item.id">
    </el-option>
  </el-select>
</template>

// methods
loadMore() {
  //                  
},

以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。