diff --git a/examples/views/layout/components/header.vue b/examples/views/layout/components/header.vue
index 024b07c..a0803d9 100644
--- a/examples/views/layout/components/header.vue
+++ b/examples/views/layout/components/header.vue
@@ -3,26 +3,28 @@
     <div class="left">
       <img class="logo" src="/img/logo.svg" />
       <span class="title">{{ appName }}</span>
-      <el-divider class="divider" direction="vertical"></el-divider>
-      <el-autocomplete
-        v-model="searchKey"
-        :fetch-suggestions="querySearch"
-        placeholder="搜索组件"
-        :trigger-on-focus="false"
-        @select="handleSelectMenu"
-        prefix-icon="el-icon-search"
-        class="autocomplete"
-        popper-class="search"
-        size="small"
-        clearable
-      >
-        <div slot-scope="{ item }">
-          <div class="search-option">
-            <span>{{ item.title }}</span>
-            <span class="group">{{ item.group }}</span>
+      <template v-if="activeMenu === '/component'">
+        <el-divider class="divider" direction="vertical"></el-divider>
+        <el-autocomplete
+          v-model="searchKey"
+          :fetch-suggestions="querySearch"
+          placeholder="搜索组件"
+          :trigger-on-focus="false"
+          @select="handleSelectMenu"
+          prefix-icon="el-icon-search"
+          class="autocomplete"
+          popper-class="search"
+          size="small"
+          clearable
+        >
+          <div slot-scope="{ item }">
+            <div class="search-option">
+              <span>{{ item.title }}</span>
+              <span class="group">{{ item.group }}</span>
+            </div>
           </div>
-        </div>
-      </el-autocomplete>
+        </el-autocomplete>
+      </template>
     </div>
     <el-menu :default-active="activeMenu" mode="horizontal" @select="handleSelect">
       <el-menu-item v-for="(data, index) in pages" :key="index" :index="data.meta.path">{{ data.meta.title }}</el-menu-item>
--
libgit2 0.21.0