vue-router：如何将另一个查询值附加到现有查询值？答案

【问题标题】：vue-router : how to append another query value to existing query values?vue-router：如何将另一个查询值附加到现有查询值？
【发布时间】：2021-12-14 21:51:58
【问题描述】：

我有三个不同的route-link，当你点击每一个时，我想要，

一个值查询添加到其他查询

<router-link append to="{query:{ color : 'red' }" >color</router-link> => ex.com/product?color=red
<router-link append to="{query:{ size: 2 }" >size</router-link> => ex.com/product?color=red&&size=2
<router-link append to="{query:{ men: true }" >men</router-link> => ex.com/product?color=red&&size=2&&men=true

问题在于，当您单击每个新查询时 replace other

但我希望它附加其他查询

那么，我该怎么做呢？

【问题讨论】：

标签： vue.js nuxt.js vue-router nuxt-link

【解决方案1】：

您必须自己扩展现有的查询对象：

<router-link append :to="{ query: { ...$route.query, color: 'red' } }">
                                    ^^^^^^^^^^^^^^^

【讨论】：