VueJS: Как использовать маршрутизацию в многостраничном приложении для отправки параметров запроса URL?

Question

Я немного новичок в VueJS, я использую подход MPA в VueJS для создания приложения с несколькими страницами (, используя этот ответ ), и я хочу иметь параметр запроса в URL, которыйпереходит на страницу регистрации со страницы цен, например "localhost: 8080 / signup? bundle = standard"

это моя структура страниц:

( изображение )

Я использовал для этого vue router и router link, но я не знаю, куда поместить представление маршрутизатора, поскольку в документах они используются только в одностраничном приложении.

Как мне этого добиться? Как получить параметры запроса в структуре приложения MPA?

Answer 1

Существует несколько способов перенаправления с параметром в vue.js, вы можете просто выполнить перенаправление любым способом следующим образом:

setTimeout(() => {
              return  this.$router.push({name: 'Your_Router_Name_Hear', params: { bundle: 'standard' }})
            }, 100);

Другим способом является перенаправление из вашего шаблона с параметрами:

<router-link:to="{ name: 'Your_Router_Name_Hear', params: { bundle: 'standard' }}" class="button" > <i class="fa fa-edit"></i> Edit </router-link>