第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>
相关推荐
Dontla4 小时前
前端页面鼠标移动监控(鼠标运动、鼠标监控)鼠标节流处理、throttle、限制触发频率(setTimeout、clearInterval)
前端·javascript
再学一点就睡4 小时前
深拷贝与浅拷贝:代码世界里的永恒与瞬间
前端·javascript
CrimsonHu5 小时前
B站首页的 Banner 这么好看,我用原生 JS + 三大框架统统给你复刻一遍!
前端·javascript·css
Enti7c5 小时前
前端表单输入框验证
前端·javascript·jquery
拉不动的猪5 小时前
几种比较实用的指令举例
前端·javascript·面试
与妖为邻5 小时前
自动获取屏幕尺寸信息的html文件
前端·javascript·html
sunn。6 小时前
自定义组件触发饿了么表单校验
javascript·vue.js·elementui
烛阴6 小时前
Express入门必学三件套:路由、中间件、模板引擎全解析
javascript·后端·express
哟哟耶耶6 小时前
React-01React创建第一个项目(npm install -g create-react-app)
前端·javascript·react.js
Heidi__8 小时前
Vue 3 的响应式原理
前端·javascript·vue.js