From 9b6f316e47de169c6642db14db8d3d2338d7700d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Tue, 14 Nov 2017 09:53:58 +0800
Subject: [PATCH] fixed Tabs bug

---
 examples/routers/tabs.vue    | 32 +++++++++-----------------------
 src/components/tabs/tabs.vue |  2 +-
 2 files changed, 10 insertions(+), 24 deletions(-)

diff --git a/examples/routers/tabs.vue b/examples/routers/tabs.vue
index 794581e1..dc71d0f4 100644
--- a/examples/routers/tabs.vue
+++ b/examples/routers/tabs.vue
@@ -158,38 +158,24 @@
 <!--</script>-->
 
 <template>
-    <div>
-        <Button type="primary" @click="modal1 = true">显示对话框</Button>
-        <Modal
-                v-model="modal1"
-                title="普通的Modal对话框标题"
-                @on-ok="ok"
-                @on-cancel="cancel">
-            <p>对话框内容</p>
-            <p>对话框内容</p>
-            <p>对话框内容</p>
-            <Tabs value="name1">
-                <TabPane label="标签一" name="name1">标签一的内容</TabPane>
-                <TabPane label="标签二" name="name2">标签二的内容</TabPane>
-                <TabPane label="标签三" name="name3">标签三的内容</TabPane>
-            </Tabs>
-        </Modal>
-    </div>
+    <Tabs type="card">
+        <TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab">标签{{ tab }}</TabPane>
+        <Button type="ghost" @click="handleTabsAdd" size="small" slot="extra">增加</Button>
+    </Tabs>
 </template>
 <script>
     export default {
         data () {
             return {
-                modal1: false
+                tabs: 2
             }
         },
         methods: {
-            ok () {
-                this.$Message.info('点击了确定');
-            },
-            cancel () {
-                this.$Message.info('点击了取消');
+            handleTabsAdd () {
+                this.tabs ++;
             }
         }
     }
 </script>
+
+
diff --git a/src/components/tabs/tabs.vue b/src/components/tabs/tabs.vue
index 71979901..c36e122f 100644
--- a/src/components/tabs/tabs.vue
+++ b/src/components/tabs/tabs.vue
@@ -354,7 +354,7 @@
         },
         beforeDestroy() {
             this.observer.removeListener(this.$refs.navWrap, this.handleResize);
-            this.mutationObserver.disconnect();
+            if (this.mutationObserver) this.mutationObserver.disconnect();
         }
     };
 </script>