第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>
相关推荐
午安~婉8 分钟前
浏览器与网络
前端·javascript·网络·http·浏览器
岁月宁静11 分钟前
大规模图片列表性能优化:基于 IntersectionObserver 的懒加载与滚动加载方案
前端·javascript·vue.js
艾小码40 分钟前
90%前端面试必问的12个JS核心,搞懂这些直接起飞!
前端·javascript
鱼与宇9 小时前
苍穹外卖-VUE
前端·javascript·vue.js
用户47949283569159 小时前
Safari 中文输入法的诡异 Bug:为什么输入 @ 会变成 @@? ## 开头 做 @ 提及功能的时候,测试同学用 Safari 测出了个奇怪的问题
前端·javascript·浏览器
冴羽11 小时前
今日苹果 App Store 前端源码泄露,赶紧 fork 一份看看
前端·javascript·typescript
蒜香拿铁11 小时前
Angular【router路由】
前端·javascript·angular.js
西洼工作室11 小时前
高效管理搜索历史:Vue持久化实践
前端·javascript·vue.js
樱花开了几轉12 小时前
element ui下拉框踩坑
开发语言·javascript·ui
故事不长丨12 小时前
【Java SpringBoot+Vue 实现视频文件上传与存储】
java·javascript·spring boot·vscode·后端·vue·intellij-idea