perf: 增加自动生成与绑定目标元素的class

Author: yujinpan

src/directives/pull-refresh.ts

@@ -5,22 +5,29 @@
 import { DirectiveBinding } from 'vue/types/options';
 import PullToRefresh from 'pulltorefreshjs';
 
+let counter = 1;
+
 export default {
-  bind(el: Element, binding: DirectiveBinding) {
+  inserted(el: Element, binding: DirectiveBinding) {
     const callback = binding.value;
-    // 向下拉刷新列表
-    PullToRefresh.init({
-      instructionsPullToRefresh: '下拉刷新',
-      instructionsReleaseToRefresh: '松开刷新',
-      instructionsRefreshing: '加载中',
-      passive: true,
-      onRefresh: () => {
-        return callback && callback();
-      },
-      shouldPullToRefresh() {
-        return !document.body.scrollTop && !window.scrollY;
-      }
-    });
+    let query = `pull_refresh_trigger_${counter++}`;
+    el.classList.add(query);
+    query = '.' + query;
+    setTimeout(() => {
+      PullToRefresh.init({
+        triggerElement: query,
+        instructionsPullToRefresh: '下拉刷新',
+        instructionsReleaseToRefresh: '松开刷新',
+        instructionsRefreshing: '加载中',
+        passive: true,
+        onRefresh: () => {
+          return callback && callback();
+        },
+        shouldPullToRefresh() {
+          return !document.body.scrollTop && !window.scrollY;
+        }
+      });
+    }, 0);
   },
   unbind() {
     PullToRefresh.destroyAll();