Vue-router 重定向 - redirect

在开发中我们设置的路径虽然不一致,但我们希望跳转到同一个页面,或打开同一个组件。这时就用到了 路由重定向 redirect参数。

redirect 基本重定向

基本重定向只需在路由配置文件中(/src/router/index.js)把原来的 component 参数 换成 redirect 参数。

这里设置了 goback 路由,但没有配置任何 component 组件 ,而是直接 redirect 到 path:"/" (首页)下,这就是一个简单的重定向。

在 新闻详情(NewInfo.vue)页面给 新闻Title 配置 <router-link> 

当我们点击 新闻Title 时将会重定向到路径为 "/" (首页path)的页面

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的abou...
    你好陌生人丶阅读 5,596评论 0 6
  • 路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about...
    裘马轻狂大帅阅读 4,073评论 0 5
  • 路由实现的方式 声明式。<router-link :to="..."> 编程式。router.push(...) ...
    SailingBytes阅读 4,836评论 1 3
  • Vue八个生命周期 beforeCreate【创建前】created【创建后】 beforeMount【载入前】 ...
    艾萨克菊花阅读 5,185评论 0 12
  • 日更挑战又重新开始啦。哈哈哈哈。不是那么在意结果了,但是依然要继续下去。 昨天前天跑了竞技三公里,差点吐血。真的是...
    yuyu545阅读 1,463评论 0 1

友情链接更多精彩内容