小编use*_*454的帖子

我正在使用 Laravel 8 和 Vue 3、vue-router、vue-loader

在router/index.js

import { createRouter, createWebHistory } from 'vue-router'\nimport CategoryShow from '../components/category/CategoryShow'\nimport PostShow from '../components/post/PostShow'\n\nconst routes = [\n    {\n        path: '/categories/:id',\n        name: 'categories.show',\n        component: CategoryShow,\n        props: true\n    },\n    {\n        path: '/posts/:id',\n        name: 'posts.show',\n        component: PostShow,\n        props: true\n    },\n]\n\nexport default createRouter({\n    history: createWebHistory(),\n    routes\n})\n

在post/PostShow.vue

<router-link v-bind:to="{ name: 'categories.show', params: { id: post.category_id } }">\n    {{ post.category_name }}\n</router-link>\n

它显示错误：

[Vue warn]: Unhandled error during execution of setup function …