订单列表 跳转订单详情

src/views/myOrder/detail/orderDetail.vue

@@ -99,11 +99,20 @@ export default {
       rightIcon: false,
       title: '',
       leftText: '订单详情',
-      leftClick: null,
+      leftClick: this.onBrowserBack,
       rightClick: null
     })
+    window.addEventListener('popstate', this.onBrowserBack, false)
   },
-  methods: {}
+  destroyed() {
+    // 当页面销毁必须要移除这个事件，vue不刷新页面，不移除会重复执行这个事件
+    window.removeEventListener('popstate', this.onBrowserBack, false)
+  },
+  methods: {
+    onBrowserBack() {
+      this.$router.go(-1)
+    }
+  }
 }
 </script>
 

src/views/myOrder/index.vue

@@ -112,11 +112,19 @@ export default {
           break;
         case model.actionType === "details":
           // 订单详情
+          this.gotoOrderDetail(model)
           break;
       }
     },
+    // 查看订单详情
+    gotoOrderDetail (model) {
+      this.$router.push({
+        path: '/orderDetail',
+        query: this.$store.state.linkInfo
+      });
+    },
     // 查看发票
-    gotoOrderInvoice(model) {
+    gotoOrderInvoice (model) {
       // console.log(window.location.href.split('?')[1])
       this.$router.push({
         path: '/orderInvoice',