Vue - передача реквизита на роутер с роутером - PullRequest
0 голосов
/ 26 ноября 2018

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

<component  
    :id="quiz.id" 
    :questions="QuizQuestions"
/>

Теперь я хочу создать маршрут и передать реквизит

path: '/quiz',
  components: {
    default: Quiz,
    nav: MainNav
  },
}
}

<router-link path="/quiz">Take the quiz</router-link>

Я мог бы передать их как параметры, но у объекта вопросов есть 50 вопросов, как я могу передать их как реквизиты на маршрут?Я посмотрел на документацию, но не могу понять, как это делается.

Редактировать.

Так что вы просто добавляете их в качестве параметров с двумя важными делами.

Путь должен быть именованным путем

<router-link :to="{ name: 'quiz', params: {questions: QuizQuestions} }">Go to quiz</router-link>

Маршрут должен быть назван ('викторина' в моем примере), также вам нужно установить для реквизитов значение true, чтобы явно использовать реквизиты, а не обычные параметры URL.

name: 'quiz'
path: '/quiz',
components: {
default: Quiz,
nav: MainNav
 },
 props: {
   default: true,
   nav: true
},

1 Ответ

0 голосов
/ 26 ноября 2018

Лучше всего использовать его как:

<router-link :to="{ name: 'Quiz', params: { questions: QuizQuestions }}">Linkname</router-link>

...