第72讲后台管理Container布局实现

新建layout目录

登录成功后,跳转layout布局容器页面

login页面:

导入router

bash 复制代码
import router from "@/router";

登录成功,跳转后台管理页面

选用布局容器:

bash 复制代码
<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="200px">Aside</el-aside>
      <el-container>
        <el-header>Header</el-header>
        <el-main>Main</el-main>
      </el-container>
    </el-container>
  </div>
</template>
相关推荐
MXN_小南学前端7 分钟前
Vue 后台管理系统:封装通用el-table导出方法(附完整源码)
javascript·vue.js
xwjalyf35 分钟前
javascript数组 forEach,filter,some,every,map,find,reduce的用法与区别
开发语言·javascript·json·ecmascript
海兰36 分钟前
【小程序】 贪吃蛇(Next.js+WebSocket+SQLite + Prisma ORM)
javascript·websocket·小程序
JiaWen技术圈1 小时前
next.js 开发中的水合(Hydration)问题
javascript
和blue一起变得更好2 小时前
周三:Vue3高级组件特性
前端·javascript·vue.js
Java编程爱好者2 小时前
Spring AI 1.0 实战:从原理到落地的完整指南
javascript
我命由我123452 小时前
VSCode - VSCode 自定义折叠区域
前端·javascript·ide·vscode·前端框架·编辑器·js
清水白石0082 小时前
Python 数据建模指南:dataclass、TypedDict 与 Pydantic 的选型博弈
前端·javascript·python
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_23:(表单与表格综合样式化实战)
前端·javascript·css·ui·html·tensorflow
MRSM_013 小时前
Three.js 入门:在浏览器里构建你的第一个 3D 场景
javascript