如何在vue-router的router-link

时间:2019-10-04 06:48:13

标签: vuejs2 vue-router

我想使用vue-router的{​​{1}},将用户重定向到类似<router-link>的路径。

/projects/7363994/posts?t=apples+oranges&s=all代表主题,t代表来源(facebook,twitter,论坛等)。

对于项目7369994,从s来源中查找主题包括applesoranges的帖子。

使得在all端点的页面加载时,组件将首先检查这些参数,然后根据这些参数值向API查询数据。

这是我尝试过的:

/projects/:id/posts

这给了我<router-link :to='{ path: `posts`, query: { t: "apple+orange", s: `all` } }' append > </router-link>

我希望链接显示为: /projects/7363994/posts?t=apples%2Boranges&s=all

但是,它显示: /projects/7363994/posts?t=apples+oranges&s=all

请注意,/projects/7363994/posts?t=apples%2Boranges&s=all符号已替换为+

为什么会这样?我应该逃避吗?


也尝试过:

%2B

给我<router-link :to='{ path: `posts`, query: { t: ["apple", "orange"], s: `all` } }' append > </router-link>


我尝试转义/projects/7363994/posts?t=apples&t=oranges&s=all符号,但这似乎也不起作用。

有人知道这是怎么回事吗? +甚至允许以此开头?

谢谢!

1 个答案:

答案 0 :(得分:0)

该网址已编码,因此在服务器端,您必须解码该网址才能正常工作

设置值时,使用

@{my_file_list}= OperatingSystem.List Files In Directory C:\\Users\\Desktop\\My pics FOR ${file} IN @{my_file_list} ${result}= Choose File //input[@type="file"] C:\\Users\\Desktop\\My pics\\${file} Wait Until Keyword Succeeds 120 2s Element Should Be Visible ${xpath_for_BrowseFiles_button} END

这将使编码的URL解码一个