vue3搭建后台管理系统

找menu菜单

上部用height设置高度和背景颜色

需要自己改左侧栏的边线

将el-menu的border设置为0,然后上方设置border-right设置边框

设置右边

创建data.vue

input组件

导入icon图标

引入import

一个template

设置个card

el-card

定义card

加el-button查询

el-table表单

stripe 可以创建带斑马纹的表格。 如果 true, 表格将会带有斑马纹。

加分页

英文的话就是需要配置国际化

el-menu

配置激活

router

点亮当前展示路由

导入import

相关推荐
zhangguo20022 小时前
Vue之脚手架与组件化开发
前端·javascript·vue.js
苹果酱05675 小时前
【Azure Redis】Redis导入备份文件(RDB)失败的原因
java·vue.js·spring boot·mysql·课程设计
麻芝汤圆6 小时前
在 Sheel 中运行 Spark:开启高效数据处理之旅
大数据·前端·javascript·hadoop·分布式·ajax·spark
sunbyte7 小时前
Three.js + React 实战系列 - 项目展示区开发详解 Projects 组件(3D 模型 + 动效 + 状态切换)✨
javascript·react.js·3d
源码方舟8 小时前
【HTML5】显示-隐藏法 实现网页轮播图效果
前端·javascript·html·css3·html5
还是大剑师兰特8 小时前
vue源代码采用的设计模式分解
javascript·vue.js·设计模式
战族狼魂9 小时前
用html+js+css实现的战略小游戏
javascript·css·html
程序员小刚9 小时前
基于SpringBoot + Vue 的作业管理系统
vue.js·spring boot·后端
神秘代码行者9 小时前
Vue项目Git提交流程集成
前端·vue.js·git
火龙谷10 小时前
【爬虫】微博热搜机
javascript·爬虫