From e069c7ae4e19b942a24422ca9ab6d0d7a8e7d2ac Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Mon, 23 Jan 2017 09:55:32 +0800
Subject: [PATCH] fixed #230

---
 src/components/menu/menu.vue |  4 +++-
 test/routers/menu.vue        | 87 +++++++++++++++++++++++++++++++++++++++------------------------------------------------
 2 files changed, 42 insertions(+), 49 deletions(-)

diff --git a/src/components/menu/menu.vue b/src/components/menu/menu.vue
index 46f025b..95919cb 100644
--- a/src/components/menu/menu.vue
+++ b/src/components/menu/menu.vue
@@ -119,13 +119,15 @@
         events: {
             'on-menu-item-select' (key) {
                 this.activeKey = key;
-                this.updateActiveKey();
                 this.$emit('on-select', key);
             }
         },
         watch: {
             openKeys () {
                 this.$emit('on-open-change', this.openKeys);
+            },
+            activeKey () {
+                this.updateActiveKey();
             }
         }
     };
diff --git a/test/routers/menu.vue b/test/routers/menu.vue
index 3150cb2..c28b2bf 100644
--- a/test/routers/menu.vue
+++ b/test/routers/menu.vue
@@ -1,57 +1,48 @@
 <template>
-    <div style="margin: 50px;position:relative;top: 0;left: 0;">
-        <Menu mode="horizontal" :theme="theme1" active-key="1">
-            <Menu-item key="1">
-                <Icon type="ios-paper"></Icon>
-                内容管理
-            </Menu-item>
-            <Menu-item key="2">
-                <Icon type="ios-people"></Icon>
-                用户管理
-            </Menu-item>
-            <Menu-item key="1">
-                <Icon type="ios-paper"></Icon>
-                内容管理
-            </Menu-item>
-            <Menu-item key="2">
-                <Icon type="ios-people"></Icon>
-                用户管理
-            </Menu-item>
-            <Menu-item key="1">
-                <Icon type="ios-paper"></Icon>
-                内容管理
-            </Menu-item>
-            <Menu-item key="2">
-                <Icon type="ios-people"></Icon>
-                用户管理
-            </Menu-item>
-            <Submenu key="3">
-                <template slot="title">
-                    <Icon type="stats-bars"></Icon>
-                    统计分析
-                </template>
-                <Menu-group title="使用">
-                    <Menu-item key="3-1">新增和新</Menu-item>
-                    <Menu-item key="3-2">活跃分析</Menu-item>
-                    <Menu-item key="3-3">时段分析</Menu-item>
-                </Menu-group>
-                <Menu-group title="留存">
-                    <Menu-item key="3-4">用户留存</Menu-item>
-                    <Menu-item key="3-5">流失用户</Menu-item>
-                </Menu-group>
-            </Submenu>
-            <Menu-item key="4">
-                <Icon type="settings"></Icon>
-                综合设置
-            </Menu-item>
-        </Menu>
-    </div>
+    <Menu mode="horizontal" :theme="theme1" :active-key.sync="ak">
+        <Menu-item key="1">
+            <Icon type="ios-paper"></Icon>
+            内容管理
+        </Menu-item>
+        <Menu-item key="2">
+            <Icon type="ios-people"></Icon>
+            用户管理
+        </Menu-item>
+        <Submenu key="3">
+            <template slot="title">
+                <Icon type="stats-bars"></Icon>
+                统计分析
+            </template>
+            <Menu-group title="使用">
+                <Menu-item key="3-1">新增和启动</Menu-item>
+                <Menu-item key="3-2">活跃分析</Menu-item>
+                <Menu-item key="3-3">时段分析</Menu-item>
+            </Menu-group>
+            <Menu-group title="留存">
+                <Menu-item key="3-4">用户留存</Menu-item>
+                <Menu-item key="3-5">流失用户</Menu-item>
+            </Menu-group>
+        </Submenu>
+        <Menu-item key="4">
+            <Icon type="settings"></Icon>
+            综合设置
+        </Menu-item>
+    </Menu>
+    <br>
+    <p>切换主题</p>
+    <Radio-group :model.sync="theme1">
+        <Radio value="light"></Radio>
+        <Radio value="dark"></Radio>
+        <Radio value="primary"></Radio>
+    </Radio-group>
+    <i-button @click="ak = '2'">change</i-button>
 </template>
 <script>
     export default {
         data () {
             return {
-                theme1: 'light'
+                theme1: 'light',
+                ak: '1'
             }
         }
     }
--
libgit2 0.21.4