无法在Nuxt链接上传递访问ID

时间:2020-10-19 16:10:35

标签: vue.js nuxt.js router

目前,我在项目文件夹中都有一个名为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

0 个答案:

没有答案