改变this.$route.query中的数据

Posted 天午正阳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了改变this.$route.query中的数据相关的知识,希望对你有一定的参考价值。

某些特定情况下想改变this.$route.query中的数据(就是地址栏中的参数),是不能通过直接赋值来改变的,我目前知道的一个办法是下载webpack-merge依赖包实现:
下载:

npm i webpack-merge

引入:

import merge from \'webpack-merge\';

修改:

this.$router.push({
query:merge(this.$route.query,{\'id\':\'630\'})
})
如果id本来存在的话就是修改id的值,不存在的话就会添加id这个属性,如果想替换所有的属性只要把’id’换成{}就可以。

 

 


原文链接:https://blog.csdn.net/qq_37826599/article/details/114635994

以上是关于改变this.$route.query中的数据的主要内容,如果未能解决你的问题,请参考以下文章

vue中监听路由参数的变化

this.$route.query

vue之this.$route.query和this.$route.params的使用与区别

路由传参 query 和 params

this.$route.query.pid获取为undefined

路由传参 query 和 params