vue-router: как добавить другое значение запроса к существующим значениям запроса?

Question

у меня есть три разных маршрута-ссылки, и я хочу, когда вы нажимаете на каждый из них,

запрос значения, добавленный к другим запросам

      <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

проблема в том, что при нажатии каждого из них новый запрос заменяется другим

но я хочу, чтобы он добавлялся с другими запросами

Итак, как я могу это сделать?

Answer 1

Вы должны самостоятельно расширить существующий объект запроса:

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