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>