前言
使用 Nuxt.js 开发项目时,遇到了带 “后台管理” 的功能,即一个正常供用户浏览的页面,点击控制台或个人中心进入后台管理界面,里面为菜单和主体内容的左右布局,点击菜单跳转路由,右侧主体内容随之更新,具体如下图所示。
本文将给您从 0-1 提供解决方案,您只需要按照步骤进行即可实现。
像 Vue.js 纯后台管理系统,咱们可以通过 layout
提前做好后台管理的布局,通过 实现,
但是来到了 Nuxt.js 项目中,有些朋友就懵了,
既要给到用户正常的布局页面,又要给到后台管理的布局页面,感觉根本无法下手。
该问题的解决方案,其实就是自定义两套模板,用户正常浏览的页面使用一套,后台管理使用另一套。
第一步该默认模板,就是给 用户正常浏览的页面