Vue 路由细节 redirect和tag

一. tag --指定router-link为什么标签

  1. 在使用router-link作为代替a标签的跳转功能时,在控制台中router-link默认的标签仍是a标签

  1. tag属性可以将router-link指定为其他标签,如图:改为div标签

二. router-link标签中的to属性可以动态绑定地址

  1. 如图所示,在script标签中用:to="homeLink"代替to="/"主页。再次点击主页,仍能跳转

  1. 这样我们可以通过不同逻辑来修改路由值。

三. redirect

  1. 用户输入路径有输入错误的时候,我们要对这种情况进行处理,可以将所有输入错误的路径统一跳转到主页。

这样即使输入错误,也可跳转到主页

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

相关阅读更多精彩内容

友情链接更多精彩内容