javascript - 如何将包含斜杠 ('/' 的字符串作为参数传递给 vue.js 中的路由

<分区>

我正在使用 vue router 并且我有一个路由

{ path: '/my-route/:param?', component: MyComponent }

我有我的路线链接

<router-link :to="'/my-route/'+myParam">Link text</router-link>

如果 myParam 是一个包含 '/' 的字符串，比如 'abc/def'，它会导航到链接 /my -route/abc/def 不存在。如何解决这个问题？

最佳答案

您必须使用 javascript 函数 encodeURIComponent(uri) 对 url 进行编码

更新您的路由器链接

<router-link :to="'/my-route/'+encodeURIComponent(myParam)">Link text</router-link>

关于javascript - 如何将包含斜杠 ('/' 的字符串作为参数传递给 vue.js 中的路由，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46175528/

相关文章：

javascript - Google PlusOne 按钮有一些底边距