vue-router：如何将另一个查询值附加到现有查询值？
vue-router : how to append another query value to existing query values?
我有三个不同的 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
但我希望它附加其他查询
所以，我该怎么做？
您必须自己扩展现有的查询对象：
<router-link append :to="{ query: { ...$route.query, color: 'red' } }">
^^^^^^^^^^^^^^^
我有三个不同的 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
但我希望它附加其他查询
所以，我该怎么做？
您必须自己扩展现有的查询对象：
<router-link append :to="{ query: { ...$route.query, color: 'red' } }">
^^^^^^^^^^^^^^^