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') } ]
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。