From c2d74eca9ab1aac2a8e1aec05aa6ea28ab98c28c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Mon, 23 Oct 2017 18:26:42 +0800
Subject: [PATCH] fixed #2100

---
 examples/routers/tabs.vue    | 62 +++++++++++++++++++++++++-----------
 src/components/tabs/pane.vue |  3 ++
 2 files changed, 47 insertions(+), 18 deletions(-)

diff --git a/examples/routers/tabs.vue b/examples/routers/tabs.vue
index 9be14d24..b08043dd 100644
--- a/examples/routers/tabs.vue
+++ b/examples/routers/tabs.vue
@@ -94,39 +94,65 @@
     }
 </script> -->
 
+<!--<template>-->
+    <!--<div>-->
+    <!--<Button type="ghost" @click="toFirst" size="small">to first</Button>-->
+    <!--<Button type="ghost" @click="toLast" size="small">to last</Button>-->
+    <!--<Tabs type="card" :animated="animated"  v-model="activeTab">-->
+        <!--<TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab"  :name="tab+''" closable>标签{{ tab }}</TabPane>-->
+        <!--<div slot="extra">-->
+            <!--<Button type="ghost" @click="handleTabsAdd" size="small">增加</Button>-->
+        <!--</div>-->
+    <!--</Tabs>-->
+    <!--</div>-->
+<!--</template>-->
+<!--<script>-->
+    <!--export default {-->
+        <!--data () {-->
+            <!--return {-->
+                <!--tabs: 2,-->
+                <!--activeTab:"2",-->
+                <!--animated:true-->
+            <!--}-->
+        <!--},-->
+        <!--methods: {-->
+            <!--handleTabsAdd () {-->
+                <!--this.tabs ++;-->
+                <!--this.activeTab = this.tabs + '';-->
+            <!--},-->
+            <!--toFirst () {-->
+                <!--this.activeTab = '1';-->
+            <!--},-->
+            <!--toLast () {-->
+                <!--this.activeTab = this.tabs+'';-->
+            <!--}-->
+        <!--}-->
+    <!--}-->
+<!--</script>-->
+
 <template>
     <div>
-    <Button type="ghost" @click="toFirst" size="small">to first</Button>
-    <Button type="ghost" @click="toLast" size="small">to last</Button>
-    <Tabs type="card" :animated="animated"  v-model="activeTab">
-        <TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab"  :name="tab+''" closable>标签{{ tab }}</TabPane>
-        <div slot="extra">
-            <Button type="ghost" @click="handleTabsAdd" size="small">增加</Button>
-        </div>
-    </Tabs>
+        <Tabs type="card">
+            <TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab">标签{{ tab }}</TabPane>
+        </Tabs>
+        <Button type="ghost" @click="handleTabsAdd" size="small">增加</Button>
+        <Button type="ghost" @click="handleTabsMin" size="small">减少</Button>
     </div>
 </template>
 <script>
     export default {
         data () {
             return {
-                tabs: 2,
-                activeTab:"2",
-                animated:true
+                tabs: 2
             }
         },
         methods: {
             handleTabsAdd () {
                 this.tabs ++;
-                this.activeTab = this.tabs + '';
             },
-            toFirst () {
-                this.activeTab = '1';
-            },
-            toLast () {
-                this.activeTab = this.tabs+'';
+            handleTabsMin () {
+                this.tabs --;
             }
         }
     }
 </script>
-
diff --git a/src/components/tabs/pane.vue b/src/components/tabs/pane.vue
index 234c3ee7..06f7a952 100644
--- a/src/components/tabs/pane.vue
+++ b/src/components/tabs/pane.vue
@@ -55,6 +55,9 @@
         },
         mounted () {
             this.updateNav();
+        },
+        destroyed () {
+            this.updateNav();
         }
     };
 </script>