vue.js - vue-router:如何将另一个查询值附加到现有查询值?
问题描述
我有三个不同的路由链接,当您单击每个链接时,我想要,
添加到其他查询的值查询
<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
问题是当您单击它们中的每一个时,新查询替换其他
但我希望它附加其他查询
那么,我该怎么做呢?
解决方案
您必须自己扩展现有的查询对象:
<router-link append :to="{ query: { ...$route.query, color: 'red' } }">
^^^^^^^^^^^^^^^
推荐阅读
- vim - 如何根据文件类型对不同的命令使用相同的键盘映射?
- python - 熊猫:用从其他数据框中检索到的值替换列值
- java - Java/Regex:否定重复两次的相同字符:
- image-processing - 使用 PyTorch 加载自定义图像数据集
- c# - 如何保护在 Linux 上运行的 ASP.NET Core Web 应用程序的 PFX 证书?
- python - 如何在 Python 3.X 中获取已创建对象(而不是类本身)的名称
- android - Xamarin - 由于未优化的 APK 警告,无法发布到 Google 商店
- python - 在另一列上使用拆分有条件地填充新列
- angular - 如何设置表单控件值如果表单控件值在反应式表单方法中的 ngFor 循环内,
- amazon-web-services - 返回码:1 输出:Dockerfile 和 Dockerrun.aws.json 都丢失,中止部署