vue设置默认首页的操作
更新时间：2020年08月12日 15:38:50 作者：weixin_43034862
这篇文章主要介绍了vue设置默认首页的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在router.js设置如下：
index就是默认页面
const routes = [
// 公司项目
{ path: '/', redirect: '/index' },
{path:'/index',component:index},
{
path:'/example',
component:example,
redirect:'/edetail',
children:[
{path:'/edetail',component:edetail}
]
},
{path:'/login',component:login}
]
不使用在根目录设置router的方法，跳转页面带不同的头部信息时容易出现问题
补充知识：vue-router默认的首页渲染设置
当一个vue项目的页面打开，总得有一个默认的首页组件自动出现
不能只是点击首页的跳转才出现
这个默认的打开路由配置需要在router.js中的 VueRouter 实例中，改变routes数组
const router = new VueRouter({
routes:[
{
path:'/',
//redirect 是重新定向
redirect:'/home'
},
{
path:'/home',
component:Home
}
]
})
这样设置之后，就将默认的路由路径设置为/home
以上这篇vue设置默认首页的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在我们一般开发的系统界面里面，列表页面是一个非常重要的综合展示界面，包括有条件查询、列表展示和分页处理，以及对每项列表内容可能进行的转义处理，本篇随笔介绍基于Vue +Element基础上实现表格列表页面的查询，列表展示和字段转义处理。2021-05-05
Vuex是一个专门为Vue.js应用程序开发的状态管理库。它采用了一个集中式的架构，将应用程序的所有组件的状态存储在一个单独的地方。这使得状态的管理和维护变得更加容易2023-03-03
这篇文章主要介绍了vue使用axios上传文件(FormData)的方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
Vue和React之间如何选择，这篇文章主要为大家详细介绍了Vue和React两者之间的相同之处，教大家该如何进行选择，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
在本篇文章里小编给大家整理的是一篇关于Vue3使用Proxy实现数据监听的原因分析内容，有需要的朋友们可以跟着学习参考下。2021-11-11
下面小编就为大家分享一篇基于Vue渲染与插件的加载顺序的问题详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
今天小编就为大家分享一篇浅谈vuex的基本用法和mapaction传值问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
本文给大家带来vue项目在安卓低版本机显示空白的原因分析，根据各自需求给大家带来了两种原因分析，大家可以参考下2018-09-09
最近在学习vue的源码，总结了几种vue中父子组件传递数据的方法。具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
这篇文章主要为大家详细介绍了vue中实现路由鉴权和不同用户登录的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-04-04
最新评论