当前位置:   article > 正文

vue——router更改路由地址,但是页面不能跳转_vue3 router.push不跳转

vue3 router.push不跳转

场景

在做电商项目时,筛选标签时,需要路由发生变化,但是当前的页面商品列表还需要局部刷新。

如果更改路由后,页面跳转,则是全局刷新,局部刷新才能够满足用户需求。

则此时要做的就是:更改路由地址,但是页面不能跳转。

this.$router.push或者this.$router.replace就是实现路由改变页面跳转的方法:

this.$router.push({
	path:'index.html',
	query:{
		id:3,
		tag:18
	}
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

如果仅仅是为了让路由发生变化的话,可以将上面中的path去掉,只保留query参数即可

最终代码如下:

this.$router.push({
	query:{
		id:3,
		tag:18
	}
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/285235
推荐阅读
相关标签
  

闽ICP备14008679号