Vuejs2 如何在vue router';中为查询参数设置多个值;路由器链路

Vuejs2 如何在vue router';中为查询参数设置多个值;路由器链路,vuejs2,vue-router,Vuejs2,Vue Router,使用vue路由器的,我想将用户重定向到这样的路径/projects/7363994/posts?t=apples+oranges&s=all 其中,t表示主题,s表示来源(facebook、twitter、论坛等) 例如,对于7363994项目,请查找主题包括apples和oranges以及all来源的帖子 这样,在为/projects/:id/posts端点加载页面时,组件将首先检查这些参数,并根据这些参数值向API查询数据 这就是我尝试过的: <router-link :to

使用
vue路由器
,我想将用户重定向到这样的路径
/projects/7363994/posts?t=apples+oranges&s=all

其中,
t
表示主题,
s
表示来源(facebook、twitter、论坛等)

例如,对于7363994项目,请查找主题包括
apples
oranges
以及
all
来源的帖子

这样,在为
/projects/:id/posts
端点加载页面时,组件将首先检查这些参数,并根据这些参数值向API查询数据

这就是我尝试过的:

<router-link 
    :to='{
        path: `posts`, 
        query: { 
            t: "apple+orange",
            s: `all`
        }
    }'
    append
>
</router-link>
给我
/projects/7363994/posts?t=apples&t=oranges&s=all


我尝试转义
+
符号,但似乎效果不太好

有人知道这是怎么回事吗?
vue路由器
是否允许这样做


谢谢

url是经过编码的,因此在服务器端,您必须对url进行解码,以便其工作

设置值时,请使用

decodeURIComponent(t)


这将使编码的url解码一个

后端更改是必需的
<router-link 
    :to='{
        path: `posts`, 
        query: { 
            t: ["apple", "orange"],
            s: `all`
        }
    }'
    append
>
</router-link>