From 42c153ff7447a163cb169f8d7f56c66e268bd8d1 Mon Sep 17 00:00:00 2001
From: "zhigang.li" <zhigang.li@tendcloud.com>
Date: Wed, 28 Nov 2018 11:33:44 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E5=8A=A8=E6=80=81=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=8C=B9=E9=85=8D=E5=92=8C=E5=B8=A6=E5=8F=82=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E5=8C=B9=E9=85=8D=E9=A1=B5=E9=9D=A2=E5=A2=9E=E5=8A=A0closeTag?=
 =?UTF-8?q?=E5=85=B3=E9=97=AD=E9=A1=B5=E9=9D=A2=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/argu-page/params.vue | 21 ++++++++++++++++++++-
 src/view/argu-page/query.vue  | 21 ++++++++++++++++++++-
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/src/view/argu-page/params.vue b/src/view/argu-page/params.vue
index b203c83c..83fc1717 100644
--- a/src/view/argu-page/params.vue
+++ b/src/view/argu-page/params.vue
@@ -2,13 +2,32 @@
   <div>
     <Card>
       <h2>ID: {{ $route.params.id }}</h2>
+      <Button @click="close">调用closeTag方法关闭本页</Button>
     </Card>
   </div>
 </template>
 
 <script>
+import { mapMutations } from 'vuex'
 export default {
-  name: 'argu_page'
+  name: 'params',
+  methods: {
+    ...mapMutations([
+      'closeTag'
+    ]),
+    close () {
+      /**
+       * 如果是调用closeTag方法，普通的页面传入的对象参数只需要写name字段即可
+       * 如果是动态路由和带参路由，需要传入query或params字段，用来区别关闭的是参数为多少的页面
+       */
+      this.closeTag({
+        name: 'params',
+        params: {
+          id: this.$route.params.id
+        }
+      })
+    }
+  }
 }
 </script>
 
diff --git a/src/view/argu-page/query.vue b/src/view/argu-page/query.vue
index b8dbf905..ba2ac905 100644
--- a/src/view/argu-page/query.vue
+++ b/src/view/argu-page/query.vue
@@ -2,13 +2,32 @@
   <div>
     <Card>
       <h2>ID: {{ $route.query.id }}</h2>
+      <Button @click="close">调用closeTag方法关闭本页</Button>
     </Card>
   </div>
 </template>
 
 <script>
+import { mapMutations } from 'vuex'
 export default {
-  name: 'query'
+  name: 'query',
+  methods: {
+    ...mapMutations([
+      'closeTag'
+    ]),
+    close () {
+      /**
+       * 如果是调用closeTag方法，普通的页面传入的对象参数只需要写name字段即可
+       * 如果是动态路由和带参路由，需要传入query或params字段，用来区别关闭的是参数为多少的页面
+       */
+      this.closeTag({
+        name: 'query',
+        query: {
+          id: this.$route.query.id
+        }
+      })
+    }
+  }
 }
 </script>