diff --git a/docs/src/components/side-nav.vue b/docs/src/components/side-nav.vue
index 2d790aa2f..dd15b876c 100644
--- a/docs/src/components/side-nav.vue
+++ b/docs/src/components/side-nav.vue
@@ -2,7 +2,7 @@
   <div class="side-nav">
     <ul>
       <li class="nav-item" v-for="item in data">
-        <a v-if="!item.path">{{item.name}}</a>
+        <a href="javascript:void(0)" v-if="!item.path" @click="handleTitleClick(item)">{{item.name}}</a>
         <router-link
           v-else
           active-class="active"
@@ -50,6 +50,15 @@ export default {
       type: String,
       default: ''
     }
+  },
+
+  methods: {
+    handleTitleClick(item) {
+      const firstGroup = item.groups && item.groups[0];
+      if (firstGroup && firstGroup.list && firstGroup.list.length !==  0) {
+        return this.$router.replace(this.base + firstGroup.list[0].path);
+      }
+    }
   }
 };
 </script>
diff --git a/docs/src/index.js b/docs/src/index.js
index 14a0c2035..f5769bff1 100644
--- a/docs/src/index.js
+++ b/docs/src/index.js
@@ -4,10 +4,10 @@ import App from './ExamplesDocsApp';
 import navConfig from './nav.config.js';
 import routes from './router.config';
 import ZanUI from 'src/index.js';
-import packagesJson from 'zanui/package.json';
+import packageJson from '../../package.json';
 
 const global = {
-  version: packagesJson.version
+  version: packageJson.version
 };
 window._global = global;