项目地址:https://github.com/Tom-cy/Adminmywork 有api 的调用模版

个人总结：https://github.com/Tom-cy/Immortals 欢迎Star 持续更新

el-col ：整体，
在这里插入图片描述
el-container: 主体区域

el-tooltip ：提示框信息
在这里插入图片描述
el-header : 内容头部区域

el-aside : 左侧内容区域

el-main: 主要内容区域

el-submenu ： 单独一个导航栏，
在这里插入图片描述
el-menu-item : 单独一个导航栏里面的单独一个栏目，

在这里插入图片描述
el-menu-item-group：一组导航栏
el-date-picker 组件时间格式化方式
在这里插入图片描述
el-dialog :弹出对话框
在这里插入图片描述

el-table：表格

在这里插入图片描述
el-table-column： 表格 列
在这里插入图片描述
el-pagination ： 新增分页
在这里插入图片描述
el-select： （ 选择框）

在这里插入图片描述
el-button： 按钮
在这里插入图片描述
el-form: 表单提交
在这里插入图片描述
el-form-item label=“活动区域” ： 表单域
在这里插入图片描述
el-input-number ：（@change = ‘handlechange’ ----change事件） 数字输入框， 可以实现加减
在这里插入图片描述

el-tag:

用于标记和选择。

基础用法
由type属性来选择tag的类型，也可以通过color属性来自定义背景色。

可移除标签
设置closable属性可以定义一个标签是否可移除。默认的标签移除时会附带渐变动画，如果不想使用，可以设置disable-transitions属性，它接受一个Boolean，true 为关闭。

动态编辑标签
动态编辑标签可以通过点击标签关闭按钮后触发的 close 事件来实现
详细链接:  https://cloud.tencent.com/developer/section/1489886

el-tab-pane:

是 el-table的分页
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue