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

相关推荐
星光不问赶路人4 小时前
vue3使用jsx语法详解
前端·vue.js
Mr Xu_5 小时前
Vue 3 中计算属性的最佳实践:提升可读性、可维护性与性能
前端·javascript
子兮曰5 小时前
深入理解滑块验证码:那些你不知道的防破解机制
前端·javascript·canvas
Highcharts.js5 小时前
【Highcharts】如何用命令行渲染导出图片?
javascript·导出·开发文档·highcharts·命令行渲染·命令行功能
weixin79893765432...5 小时前
Vue 组件的更新过程(编译系统 + 响应式系统 + 虚拟 DOM & Diff)
vue.js
陈振wx:zchen20086 小时前
JavaScript
javascript·js
我是伪码农6 小时前
Vue 智慧商城项目
前端·javascript·vue.js
不认输的西瓜6 小时前
fetch-event-source源码解读
前端·javascript
小书包酱7 小时前
在 VS Code中,vue2-vuex 使用终于有体验感增强的插件了。
vue.js·vuex
Zhencode7 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js