更新: 升级开发环境至 vue-cli3; 更新依赖库版本；解决 IE11 下不能正确显示问题；

src/layouts/GlobalHeader.vue

@@ -2,7 +2,7 @@
   <a-layout-header :class="[theme, 'global-header']">
     <div :class="['global-header-wide', layout]">
       <router-link v-if="isMobile || layout === 'head'" to="/" :class="['logo', isMobile ? null : 'pc', theme]">
-        <img width="32" src="static/img/vue-antd-logo.png" />
+        <img width="32" src="@/assets/img/vue-antd-logo.png" />
         <h1 v-if="!isMobile">{{systemName}}</h1>
       </router-link>
       <a-divider v-if="isMobile" type="vertical" />

src/layouts/MenuView.vue

@@ -53,7 +53,7 @@ export default {
     this.activePage = this.$route.fullPath
   },
   watch: {
-    '$route': function (newRoute, oldRoute) {
+    '$route': function (newRoute) {
       this.activePage = newRoute.fullPath
       if (!this.multipage) {
         this.linkList = [newRoute.fullPath]
@@ -66,7 +66,7 @@ export default {
     'activePage': function (key) {
       this.$router.push(key)
     },
-    'multipage': function (newVal, oldVal) {
+    'multipage': function (newVal) {
       if (!newVal) {
         this.linkList = [this.$route.fullPath]
         this.pageList = [this.$route]

src/layouts/PageLayout.vue

@@ -11,7 +11,7 @@
           </template>
         </div>
       </div>
-      <slot slot="extra" name="extra"></slot>
+      <slot v-if="this.$refs.extra" slot="extra" name="extra"></slot>
     </page-header>
     <div ref="page" :class="['page-content', layout]" >
       <slot ></slot>

src/layouts/PageView.vue

@@ -13,11 +13,10 @@
 </template>
 
 <script>
-import PageHeader from '../components/page/PageHeader'
 import PageLayout from './PageLayout'
 export default {
   name: 'PageView',
-  components: {PageLayout, PageHeader},
+  components: {PageLayout},
   data () {
     return {
       title: '',