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

相关推荐
etsuyou15 小时前
js前端this指向规则
开发语言·前端·javascript
不想上班只想要钱16 小时前
vue3+vite创建的项目,运行后没有 Network地址
前端·javascript·vue.js
岁月宁静17 小时前
在富文本编辑器中封装实用的 AI 写作助手功能
前端·vue.js·人工智能
JS.Huang19 小时前
【JavaScript】原生函数
开发语言·javascript·ecmascript
533_20 小时前
[vue] dayjs 显示实时时间
前端·javascript·vue.js
ftpeak21 小时前
JavaScript性能优化实战
开发语言·javascript·性能优化
一个很帅的帅哥21 小时前
JavaScript事件循环
开发语言·前端·javascript
武天21 小时前
Vue项目中有封装过axios吗?怎么封装的?
vue.js
云枫晖21 小时前
Webapck系列-初识Webpack
前端·javascript
jiangzhihao05151 天前
升级到webpack5
前端·javascript·vue.js