vue-项目优化

1.第1个报错：

如果写法是如上的写法，就会报出如下警告：

[vue-router] Named Route 'home' has a default child route. When navigating to this named route (:to="{name: 'home'"), the default child route will not be rendered. Remove the name from this route and use the name of the default child route for named links instead.

1.解决办法

因为当某个路由有子级路由的时候，这时候父级路由需要一个默认的路由，所以父级路由不能定义name属性，SO解决办法是：即去除父级的name属性即可。

2. 第2个报错：

浏览器出现的报错信息为：[vue-router] Duplicate named routes definition: { name: "登录", path: "/login" }

页面路由有这样的配置就会报上面的错误：

{
    path: '/',
    name: 'index',
    component: Index
}, {
    path: '/index',
    name: 'index',
    component: Index
},

解决办法：

{
   path: '/',
   redirect: {
       name: 'index'
   }
}, {
   path: '/index',
   name: 'index',
   component: Index
}

3. tab蓝固定在  滚动到一定的高度：

html：

 

js：