feat: add function of link for out website in menu; ⭐ #135

新增：菜单增加外链功能；

src/components/menu/menu.js

@@ -131,10 +131,16 @@ export default {
       return !icon || icon == 'none' ? null : h(Icon, {props: {type:  icon}})
     },
     renderMenuItem: function (h, menu) {
+      let tag = 'router-link'
+      let config = {props: {to: menu.fullPath}, attrs: {style: 'overflow:hidden;white-space:normal;text-overflow:clip;'}}
+      if (menu.meta && menu.meta.link) {
+        tag = 'a'
+        config = {attrs: {style: 'overflow:hidden;white-space:normal;text-overflow:clip;', href: menu.meta.link, target: '_blank'}}
+      }
       return h(
         Item, {key: menu.fullPath},
         [
-          h('router-link', {props: {to: menu.fullPath}, attrs: {style: 'overflow:hidden;white-space:normal;text-overflow:clip;'}},
+          h(tag, config,
             [
               this.renderIcon(h, menu.meta ? menu.meta.icon : 'none', menu.fullPath),
               this.$t(getI18nKey(menu.fullPath))

src/mock/user/routes.js

@@ -18,7 +18,21 @@ Mock.mock(`${process.env.VUE_APP_API_BASE_URL}/routes`, 'get', () => {
         router: 'basicForm',
         name: '验权表单',
         icon: 'file-excel',
-        authority: 'form'
+        authority: 'queryForm'
+      },
+      {
+        router: 'antdv',
+        path: 'antdv',
+        name: 'Ant Design Vue',
+        icon: 'ant-design',
+        link: 'https://www.antdv.com/docs/vue/introduce-cn/'
+      },
+      {
+        router: 'document',
+        path: 'document',
+        name: '使用文档',
+        icon: 'file-word',
+        link: 'https://iczer.gitee.io/vue-antd-admin-docs/'
       }
     ]
   }]

src/router/config.js

@@ -226,6 +226,22 @@ const options = {
             }
           },
           component: () => import('@/pages/form/basic')
+        },
+        {
+          name: 'Ant Design Vue',
+          path: 'antdv',
+          meta: {
+            icon: 'ant-design',
+            link: 'https://www.antdv.com/docs/vue/introduce-cn/'
+          }
+        },
+        {
+          name: '使用文档',
+          path: 'document',
+          meta: {
+            icon: 'file-word',
+            link: 'https://iczer.gitee.io/vue-antd-admin-docs/'
+          }
         }
       ]
     },

src/utils/routerUtil.js

@@ -39,10 +39,11 @@ function parseRoutes(routesConfig, routerMap) {
       router = routerMap[item.router]
       routeCfg = item
     }
-    // 从 router 和 routeCfg 解析路由
     if (!router) {
       console.warn(`can't find register for router ${routeCfg.router}, please register it in advance.`)
-    } else {
+      router = typeof item === 'string' ? {path: item, name: item} : item
+    }
+    // 从 router 和 routeCfg 解析路由
     const route = {
       path: routeCfg.path || router.path || routeCfg.router,
       name: routeCfg.name || router.name,
@@ -51,7 +52,8 @@ function parseRoutes(routesConfig, routerMap) {
       meta: {
         authority: routeCfg.authority || router.authority || '*',
         icon: routeCfg.icon || router.icon,
-          page: routeCfg.page || router.page
+        page: routeCfg.page || router.page,
+        link: routeCfg.link || router.link
       }
     }
     if (routeCfg.invisible || router.invisible) {
@@ -61,7 +63,6 @@ function parseRoutes(routesConfig, routerMap) {
       route.children = parseRoutes(routeCfg.children, routerMap)
     }
     routes.push(route)
-    }
   })
   return routes
 }
@@ -71,6 +72,7 @@ function parseRoutes(routesConfig, routerMap) {
  * @param routesConfig {RouteConfig[]} 路由配置
  */
 function loadRoutes(routesConfig) {
+  console.log('hahah')
   //兼容 0.6.1 以下版本
   /*************** 兼容 version < v0.6.1 *****************/
   if (arguments.length > 0) {