美文网首页
Vue路由跳转

Vue路由跳转

作者: fanfanda | 来源:发表于2019-07-11 14:01 被阅读0次

    1.通过使用<router-link></router-link>标签实现跳转

    router-link实现路由跳转

    如果希望跳转后,不保留上一个页面的历史记录,可以在router-lick上加入replace

    例如:<router-link to="/"  replace></router-link>

    2. this.$router.push() 跳转

    (1)params跳转

    this.$router.push({path:"/", params:{id:1}})

                              //跳转路径     //跳转参数

    (2)query跳转

    this.$router.push({path:"/", query:{id:1}})

                              //跳转路径     //跳转参数

    3.query跳转和params跳转的区别

    路由传值有两种方式,params和query,params传值刷新页面是要消失的,然而query却不会,两者的区别就在于query会把传递的参数显示在url地址中,就像这样:/adminUser/001001001?jum=001001001211,参数过多的话url地址会变得非常难看,如果你并不在意url地址难看与否,那么你可以不使用params,而是使用query,只是切换个单词而已,这是一种方法(不是最优办法)。

    4.返回上一页,不存在历史记录

    this.$router.replace({

    path:"/123"

    })

    相关文章

      网友评论

          本文标题:Vue路由跳转

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