美文网首页
Vue 路由细节 redirect和tag

Vue 路由细节 redirect和tag

作者: 祝名 | 来源:发表于2018-12-29 15:14 被阅读0次

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

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

    相关文章

      网友评论

          本文标题:Vue 路由细节 redirect和tag

          本文链接:https://www.haomeiwen.com/subject/zaeylqtx.html