Vue Router 修改query参数 url 参数没有变化问题

正常情况下this.$router.push({query:{}})this.$router.replace({query:{}})就可以修改了但是当已有query对象里面修改其中一个值，就会发现虽然this.$route.query发生改变但是浏览器的url上的参数并没有发生变化，尝试将已有的参数进行深拷贝突然发现就可以了let newQuery= JSON.parse(JSON.string

艾路菲尔

8087人浏览 · 2020-07-22 21:12:11

艾路菲尔 · 2020-07-22 21:12:11 发布

正常情况下

this.$router.push({
query:{}
})
this.$router.replace({
query:{}
})

就可以修改了
但是当已有query对象里面修改其中一个值，就会发现虽然this.$route.query发生改变但是浏览器的url上的参数并没有发生变化，尝试将已有的参数进行深拷贝突然发现就可以了

let newQuery= JSON.parse(JSON.stringify(this.$route.query));
newQuery.index = 2;
this.$router.replace({
query: newQuery
})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^