Javascript 使查询参数与vue路由器反应

我正在尝试使用Vue构建搜索页面，我希望用户在输入字段中输入的查询文本与URL中的查询参数反应 例如：

输入：foo 网址：

---

如果用户继续在输入字段中键入

bar

，我希望在不通过路由器导航的情况下将URL更新到。

如果您使用

$route.query

进行查询，那么当您要更改其值时，只需使用更新的查询值执行

$router.replace（）

操作

即兴：

onInput（e）{
这是$router.replace({
查询：{
…此.$route.query，
q:e.target.value，
}
})
}

…this.$route.query

用于保留可能存在的任何其他查询参数；如果您只有

q

，那么就没有必要了（而且您可能需要改用，因为现在对的支持是不完整的）