logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

在 Nuxt 应用里定义带参数的路由

在构建nx应用时,我们有时需要在路由地址中使用参数,以便在路由组件中根据该参数值动态获取数据。例如,内容详情页面需要通过地址中的id参数来获取内容数据。要创建带参数的路由,可以在pages/post目录下新建名称包含参数的文件。例如,文件名用方括号表示参数[id],如[id].view,来创建内容页面。同样,可以通过在[id]目录下创建edit.view文件,来添加内容编辑页。在这些组件中,可以使用nx的useRouter来获取路由参数,如id,并在组件的模板中显示这个值。这样,在浏览器中访问例如post/3/edit时,内容编辑页面会显示该id值。