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

262 阅读 0 评论 173 点赞

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

以上就是自信画笔最近收集整理的关于vue——router更改路由地址，但是页面不能跳转的全部内容，更多相关vue——router更改路由地址内容请搜索靠谱客的其他文章。

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