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

相关推荐
狮子座的男孩3 分钟前
解决:给整个 Vue 项目添加鼠标点击、鼠标移动、鼠标滚轮(DOM)事件,以达到后台延迟退出
javascript·vue.js·经验分享·dom树·鼠标移动事件·鼠标点击事件·鼠标滚轮事件
小lan猫14 分钟前
【实战】 Vue 3、Anything LLM + DeepSeek本地化项目(五)
前端·vue.js
星使bling15 分钟前
基于Baidu JSAPI Three的卫星轨道三维可视化Demo
前端·javascript
Oder_C17 分钟前
自定义指令-优化v-if和v-show上的使用
前端·javascript·vue.js
网络点点滴44 分钟前
设置与 Netlify 的持续集成
javascript
iaku1 小时前
🔥Pinia状态管理:现代Vue应用状态管理实战指南
前端·vue.js
yinke小琪1 小时前
40个JS常用使用技巧案例
前端·javascript
前端小旋风啊1 小时前
图片格式转化之 webp 转为 png
前端·javascript
白话1 小时前
Vue2批量生成二维码并下载
javascript·html
OpenTiny社区1 小时前
直播分享|从零开始读懂TinyEngine代码结构,理清设计意图
前端·vue.js·github