您当前的位置: 首页 > 

王佳斌

暂无认证

  • 1浏览

    0关注

    821博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

Nuxt - 自定义页面布局,<Nuxt /> 个性化多套模板(一个项目内既要有用户正常浏览的普通页面,又要存在后台管理系统布局的页面)

王佳斌 发布时间:2022-09-03 23:21:05 ,浏览量:1

前言

使用 Nuxt.js 开发项目时,遇到了带 “后台管理” 的功能,即一个正常供用户浏览的页面,点击控制台或个人中心进入后台管理界面,里面为菜单和主体内容的左右布局,点击菜单跳转路由,右侧主体内容随之更新,具体如下图所示。

本文将给您从 0-1 提供解决方案,您只需要按照步骤进行即可实现。

像 Vue.js 纯后台管理系统,咱们可以通过 layout 提前做好后台管理的布局,通过 实现,

但是来到了 Nuxt.js 项目中,有些朋友就懵了,

既要给到用户正常的布局页面,又要给到后台管理的布局页面,感觉根本无法下手。

在这里插入图片描述 在这里插入图片描述 在这里插入图片描述

该问题的解决方案,其实就是自定义两套模板,用户正常浏览的页面使用一套,后台管理使用另一套。

第一步

该默认模板,就是给 用户正常浏览的页面

关注
打赏
1665568777
查看更多评论
立即登录/注册

微信扫码登录

0.0397s