vue.js - Vue 3 - 通过 $router 将查询字符串参数添加到 URL

Question

我有一个使用 Vue 3 和Vue Router (v4)的应用程序。在这个应用程序中，有一个按钮。单击按钮时，我想将查询字符串参数添加到当前路由。为了尝试做到这一点，我目前正在使用以下方法：

console.log('updating the query string...');
let qs = this.$route.query;
qs.id = '[some GUID]';
this.$router.push({ query: qs });
console.log('query string updated!');

此代码运行。但是，地址栏中的 URL 不会更新。错误也不会发布到控制台窗口。我的问题是如何通过 Vue 路由器向 URL 添加查询字符串参数？

谢谢你。

标签： vue.js