修改滑动

package.json

@@ -18,6 +18,7 @@
   },
   "dependencies": {
     "axios": "^0.19.0",
+    "better-scroll": "^1.15.2",
     "cropperjs": "^1.4.3",
     "element-ui": "^2.9.1",
     "lib-flexible": "^0.3.2",

src/App.vue

@@ -1,41 +1,55 @@
 <template>
-  <div id="app">
+  <div id="app" ref="wrapper">
     <!-- <img src="./assets/logo.png"> -->
-    <router-view  v-if="isRouterAlive" />
+    <router-view v-if="isRouterAlive" />
   </div>
 </template>
 
 <script>
+import BScroll from "better-scroll";
 export default {
-  name: 'App',
-  provide () {
+  name: "App",
+  provide() {
     return {
       reload: this.reload
-    }
+    };
   },
-  data () {
+  data() {
     return {
       isRouterAlive: true
-    }
+    };
   },
   methods: {
-    reload () {
-      this.isRouterAlive = false
-      this.$nextTick(function () {
-        this.isRouterAlive = true
-      })
+    reload() {
+      this.isRouterAlive = false;
+      this.$nextTick(function() {
+        this.isRouterAlive = true;
+      });
     }
   },
   watch: {
-    '$route': function (to, from) {
-      document.body.scrollTop = 0
-      document.documentElement.scrollTop = 0
+    $route: function(to, from) {
+      document.body.scrollTop = 0;
+      document.documentElement.scrollTop = 0;
     }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      //$refs绑定元素
+      if (!this.scroll) {
+        this.scroll = new BScroll(this.$refs.wrapper, {
+          //开启点击事件 默认为false
+          click: true
+        });
+        // console.log(this.scroll)
+      } else if (!this.$refs.wrapper) {
+        return;
+      } else {
+        this.scroll.refresh();
+      }
+    });
   }
-
-}
+};
 </script>
 
-<style>
-
-</style>
+<style></style>