vue——router更改路由地址，但是页面不能跳转

63 阅读 0 评论 42 点赞

我是靠谱客的博主自信画笔，最近开发中收集的这篇文章主要介绍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
	}
})

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。