目前,我在项目文件夹中都有一个名为index.vue的父组件和一个名为_name.vue的子组件
-projects
-_name.vue
- index.vue
在我的索引上。vue我有这个
<nuxt-child />
<div v-for="post in posts" :key="post">
<nuxt-link :to="{ path: `projects/${post.slug}`, params: { id: post.id } }">
<div>
<h1 v-if="post.title">{{ post.title.rendered }}</h1>
</div>
</nuxt-link>
</div>
当我记录路线时,我的参数是
name: "project3"
我不知道我在做什么错,我什至没有将名称作为参数传递,我没有传递ID。
我需要的是使用名称而不是ID来呈现url,例如projects / project1,并且在子组件上我希望能够访问ID,此刻我可以使用名称来呈现但找不到ID。
我尝试在router.js上使用其名称,而不是路径
:to="{ name: `projects-name`}"
Nuxt给我抛出一个错误
Expected "name" to be defined