vue——router更改路由地址,但是页面不能跳转
在做电商项目时,筛选标签时,需要路由发生变化,但是当前的页面商品列表还需要局部刷新。如果更改路由后,页面跳转,则是全局刷新,局部刷新才能够满足用户需求。则此时要做的就是:更改路由地址,但是页面不能跳转。this.$router.push或者this.$router.replace就是实现路由改变页面跳转的方法:this.$router.push({path:'index.html',query:{
·
vue——router更改路由地址,但是页面不能跳转
场景
在做电商项目时,筛选
标签
时,需要路由发生变化,但是当前的页面商品列表还需要局部刷新。
如果更改路由后,页面跳转,则是全局刷新,局部刷新才能够满足用户需求。
则此时要做的就是:更改路由地址,但是页面不能跳转。
this.$router.push
或者this.$router.replace
就是实现路由改变页面跳转的方法:
this.$router.push({
path:'index.html',
query:{
id:3,
tag:18
}
})
如果仅仅是为了让路由发生变化的话,可以将上面中的
path
去掉,只保留query
参数即可
最终代码如下:
this.$router.push({
query:{
id:3,
tag:18
}
})
更多推荐
所有评论(0)