Как использовать несколько параметров запроса для нескольких компонентов для создания динамического URL - PullRequest
Новая
       65

Как использовать несколько параметров запроса для нескольких компонентов для создания динамического URL

0 голосов
/ 17 декабря 2018

Новичок в Vue, и я немного выучился.Недавно я застрял, написав небольшую заявку в следующем пункте.

Мне нужен общий URL, поэтому я пытаюсь добавить параметры в URL.

У меня есть два компонента, которые будут использовать параметры.

  • App.vue Main / Parent
  • Component1.vue использует : поиск
  • Component2.vue использует : lang и : семестр

Пока мой код выглядиткак это

main.js 

routes: [{
    path: '*',
    name: 'default',
    component: VueFuse,
    props: (route) => ({
            search: route.query.search
        })
    }]
});

App.vue 

<router-view
    :search="search"
/>
</router-view>

Если я перейду к index.php? Search = foo , это прекрасно работает

Я хочу добиться следующей структуры URL

index.php? search = foo & lang = de & semester = 2019-1

Но я застрял при написании правильного способа маршрутизации, так как это не работает 

routes: [{
    path: '*',
    name: 'default',
    component: VueFuse,
    props: (route) => ({
            search: route.query.search
        })
    },
    {
    path: '*',
    name: 'CourseCard',
    component: CourseCard,
    props: (route) => ({
             lang: route.query.lang ,
             semester: route.query.semester
         })
    }]
});

Из моих собственных исследований есть по крайней мере проблема с тем же путем, который я не знаю, как исправить, так как это приложение в значительной степени является одним пейджером.Но я полагаю, что в этом есть нечто большее, чем просто неправильный путь.

(я определяю оба модуля как вид маршрутизатора и связываю правильное имя при использовании приведенного выше кода)

Поэтому очень хотелось бы услышать решение этой проблемы, так как меня это беспокоилонесколько дней сейчас.Я почти собирался пойти на сеансовые куки, чтобы решить проблему, но подумал, что могу попробовать и спросить здесь, а также узнать что-то новое для будущих проектов :)

...