Tengo tres enlaces de ruta diferentes y quiero que cuando hagas clic en cada uno de ellos,
una consulta de valor agregada a otras consultas
<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=trueel problema es que cuando hace clic en cada uno de ellos, la nueva consulta reemplaza a otra
pero quiero que se agregue con otras consultas
Entonces, ¿cómo puedo hacerlo?
Debe extender el objeto de consulta existente usted mismo:
<router-link append :to="{ query: { ...$route.query, color: 'red' } }"> ^^^^^^^^^^^^^^^