vue中路由重定向redirect问题
更新时间：2023年05月18日 14:52:43 作者：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') }
]总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue父子组件传值问题，文章中有详细的示例代码，感兴趣的同学可以参考阅读2023-04-04
这篇文章主要介绍了Vue 框架之动态绑定 css 样式的方法，本文通过分享小实例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
这篇文章主要为大家介绍了Storybook 7.0 Beta Vue3踩坑解决记录详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
Vue 中使用vue2-highcharts实现top功能的示例
下面小编就为大家分享一篇Vue 中使用vue2-highcharts实现top功能的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
这篇文章主要介绍了Vue切换div显示隐藏,多选，单选代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07
这段描述主要讨论了在表单操作中如何正确处理表格数据的筛选和编辑,强调保持数据源完整性和操作准确性的关键,关键词包括：数据源完整性和操作准确性2026-05-05
Vue的小伙伴们,困扰大家的IE浏览器支持Vue的问题,目前已经找到了一个比较好的解决方案,下面这篇文章主要给大家介绍了关于vue项目兼容IE浏览器的教程步骤,需要的朋友可以参考下2023-03-03
在做 Vue 项目集成 GeoScene 地图的时候,很多人都会遇到一个头疼问题,页面切几次,地图重建几次,浏览器就卡,内存就飙,下面我们就来看看具体的解决方案吧2025-11-11
Vue 清除Form表单校验信息的解决方法(清除表单验证上次提示信息)
这篇文章主要介绍了Vue 清除Form表单校验信息的解决方法(清除表单验证上次提示信息),本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
Vue迁移React之Vue一键自动化转换React的方案详解
这篇文章主要为大家详细介绍了Vue一键自动化转换React的相关方法,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下2026-04-04
最新评论