Vue-通过路由器链接将道具传递到路由器

Question

我有一个测验组件，此刻正在将本地道具传递到本地组件

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

我现在想创建一条路线并传递道具

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

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

我可以将它们作为参数传递，但是问题对象中包含50个问题，如何将它们作为道具传递给路线？我看过文档，但不知道如何完成。

编辑。

因此，您只需将它们添加为参数，就要做2件重要的事情。

路径必须是命名路径

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

必须命名路由（在我的示例中为“测验”），还需要将props设置为true以显式使用props而不是普通的url参数。

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

Answer 1

最好的方法是像这样使用它：

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