下拉刷新、实时刷新等

src/main.js

@@ -13,6 +13,7 @@ import 'element-ui/lib/theme-chalk/index.css';
 import vViewer from 'v-viewer';
 import 'viewerjs/dist/viewer.css';
 import ClipboardJS from 'clipboard';
+// import '@/utils/directive';
 
 Vue.prototype.ClipboardJS = ClipboardJS;
 Vue.use(vViewer);

src/utils/directive.js

+import Vue from 'vue'
+
+Vue.directive('loadmore', {
+  bind (el, binding) {
+    // 获取element-ui定义好的scroll盒子
+    const SELECTWRAP_DOM = el.querySelector('.scroll-box')
+    console.log(SELECTWRAP_DOM);
+    let flag = true;
+    SELECTWRAP_DOM.addEventListener('scroll', function () {
+      console.log(this.scrollHeight, this.scrollTop, this.clientHeight);
+      const CONDITION = this.scrollTop <= 20;
+      if (CONDITION) {
+        if(flag) {
+          flag = false;
+          setTimeout( () => {
+            binding.value()
+            flag = true;
+          }, 200)
+        }
+      }
+    });
+  }
+})
\ No newline at end of file