Vue - 使用路由器链接将道具传递给路由器答案

【问题标题】：Vue - passing props to router with router-linkVue - 使用路由器链接将道具传递给路由器
【发布时间】：2023-04-03 07:16:01
【问题描述】：

我有一个测验组件，目前正在将本地道具传递给本地组件

<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>

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：