Vue路由跳转

2019-07-11  本文已影响0人  fanfanda

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"

})

上一篇下一篇

猜你喜欢

热点阅读