vue中路由重定向redirect问题
作者:YQ__QH
这篇文章主要介绍了vue中路由重定向redirect问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
vue路由重定向redirect
传参

重定向时传参,根据重定向到的路径进行传参
![]()
注意:重定向改变了路径,此时路径并不是goParams/1993/yq love zn而是params/1993/yq love znf
不传参

不传参直接重定向路径地址
注意:
redirect重定向改变了url地址,如果重定向的地址需要接收参数然而没有传参不会改变地址,页面不会报错但是也不会显示内容

![]()

vue router常用操作重定向redirect
重定向 redirect
const routes = [
{ path: '/', redirect: '/index'},
{ path: '/index', component: index }
]嵌套路由
const routes = [
{ path: '/index', component: index,
children: [
{ path: 'info', component: info}
]
}
]通过/index/info就可以访问到info组件了
懒加载
const routes = [
{ path: '/index', component: () => import('@/views/index.vue')},
{ path: '/hello', component: () => import('@/views/hello.vue') }
]总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
