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"
})