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常见错误Error in mounted hook解决办法
这篇文章主要给大家介绍了关于Vue常见错误Error in mounted hook的解决办法,出现这样的问题,会发现跟声明周期钩子有关系,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2023-07-07vue.js el-tooltip根据文字长度控制是否提示toolTip问题
这篇文章主要介绍了vue.js el-tooltip根据文字长度控制是否提示toolTip问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02laravel+vue组合的项目中引入ueditor方式(打包成组件形式)
今天小编就为大家分享一篇laravel+vue组合的项目中引入ueditor方式(打包成组件形式),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
最新评论