1.商品详情页面的ESlint整理

2.添加返回键事件

src/views/myOrder/goodsInfo.vue

@@ -25,13 +25,12 @@
   </div>
 </template>
 
-
 <script>
-import goodsInfoDetail from "../myOrder/goodsInfoDetail";
+import goodsInfoDetail from '../myOrder/goodsInfoDetail'
 export default {
-  name: "goodsInfo",
+  name: 'goodsInfo',
   components: {
-    goodsInfoDetail,
+    goodsInfoDetail
   },
   data() {
     return {
@@ -69,62 +68,69 @@ export default {
       ],
       loading: false,
       finished: false,
-    //   error: false,
+      //   error: false,
       refreshing: false,
       icons: {
-        inDelivery: require("@/assets/img/u546.svg"),
-        copy: require("@/assets/img/u533.svg"),
-      },
-    };
+        inDelivery: require('@/assets/img/u546.svg'),
+        copy: require('@/assets/img/u533.svg')
+      }
+    }
+  },
+  mounted() {
+    // 设置标题栏关闭返回按钮
+    this.$store.commit('setNavBar', {
+      show: true,
+      leftArrow: true,
+      rightIcon: false,
+      title: '',
+      leftText: '商品详情',
+      leftClick: {},
+      rightClick: {}
+    })
+    window.addEventListener('popstate', this.onBrowserBack, false)
+  },
+  destroyed() {
+    // 当页面销毁必须要移除这个事件，vue不刷新页面，不移除会重复执行这个事件
+    window.removeEventListener('popstate', this.onBrowserBack, false)
   },
   methods: {
+    onBrowserBack() {
+      this.$router.go(-1)
+    },
     onLoad() {
       // 异步更新数据
       // setTimeout 仅做示例，真实场景中一般为 ajax 请求
       setTimeout(() => {
-           if (this.refreshing) {
-          this.list = [];
-          this.refreshing = false;
+        if (this.refreshing) {
+          this.list = []
+          this.refreshing = false
         }
         for (let i = 0; i < 10; i++) {
-          this.list.push(this.list.length + 1);
+          this.list.push(this.list.length + 1)
         }
 
         // 加载状态结束
-        this.loading = false;
+        this.loading = false
 
         // 数据全部加载完成
         if (this.list.length >= 20) {
-          this.finished = true;
+          this.finished = true
         }
-      }, 1000);
+      }, 1000)
     },
-     onRefresh() {
+    onRefresh() {
       // 清空列表数据
-      this.finished = false;
+      this.finished = false
 
       // 重新加载数据
       // 将 loading 设置为 true，表示处于加载状态
-      this.loading = false;
-      this.onLoad();
-    },
-  },
-  mounted() {
-    // 设置标题栏关闭返回按钮
-    this.$store.commit("setNavBar", {
-      show: true,
-      leftArrow: true,
-      rightIcon: false,
-      title: "",
-      leftText: "商品详情",
-      leftClick: {},
-      rightClick: {},
-    });
-  },
-};
+      this.loading = false
+      this.onLoad()
+    }
+  }
+}
 </script>
 
-
 <style scoped lang="scss">
 .goods-info {
   height: 100%;
@@ -161,4 +167,4 @@ export default {
     padding-left: 10px;
   }
 }
-</style>
\ No newline at end of file
+</style>