vue router /: param с косой чертой

Question

vue router /: param с косой чертой

1

У меня есть маршрутизатор, как это:

routes: [
    {
      path: '/survey/:surveyHash',
      name: 'survey',
      component: Survey,
      props: true,
    },

В компоненте я пытаюсь получить surveyHash в подпорках. Проблема в том, что я не могу этого сделать, когда в surveyHash есть / косая surveyHash.

Есть ли решение в vue-router?

Adam Orlov 21 дек. 2018, в 21:14

Источник

0

Используйте encodeURIComponent encodeURIComponent('cat/abc') -> cat%2Fabc
Get Off My Lawn 21 дек. 2018, в 20:29
0

Но как? Куда положить этот encodeURIComponent ?
Adam Orlov 21 дек. 2018, в 20:35
1

вам нужно будет кодировать его везде, где вы генерируете URL
Derek Pollard 21 дек. 2018, в 20:36
0

ОК, мне нужно поговорить с бэкенд-разработчиком; P
Adam Orlov 21 дек. 2018, в 20:38

Показать ещё 2 комментария

Теги:

javascript

vue.js

vue-router

vue-component

1 ответ

Ещё вопросы

Используйте encodeURIComponent encodeURIComponent('cat/abc') -> cat%2Fabc
Но как? Куда положить этот encodeURIComponent ?
вам нужно будет кодировать его везде, где вы генерируете URL
ОК, мне нужно поговорить с бэкенд-разработчиком; P

nemesv · Answer 1 · 2018-12-21T18-09-00.000Z

Вы можете использовать собственный шаблон соответствия в своем определении маршрута

routes: [
    {
      path: '/survey/:surveyHash(.*)',
      name: 'survey',
      component: Survey,
      props: true,
    },

При этом вы получите оставшуюся часть URL, включая косую surveyHash в surveyHash

Именно то, что мне было нужно, спасибо, мужчина :-)
@AdamOrlov помните, что после этого все будет соответствовать, то есть вы не сможете использовать /survey/{hash}/edit например,
Спасибо Дерек, хорошая мысль, но в моем случае это работает отлично.