Vue中elementUi el-xxx标签总结

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

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

el-col :整体,
Vue中elementUi el-xxx标签总结_第1张图片
el-container: 主体区域

el-tooltip :提示框信息
Vue中elementUi el-xxx标签总结_第2张图片
el-header : 内容头部区域

el-aside : 左侧内容区域

el-main: 主要内容区域

el-submenu : 单独一个导航栏,
Vue中elementUi el-xxx标签总结_第3张图片
el-menu-item : 单独一个导航栏里面的单独一个栏目,

Vue中elementUi el-xxx标签总结_第4张图片
el-menu-item-group:一组导航栏
el-date-picker 组件时间格式化方式
Vue中elementUi el-xxx标签总结_第5张图片
el-dialog :弹出对话框
Vue中elementUi el-xxx标签总结_第6张图片

el-table:表格

Vue中elementUi el-xxx标签总结_第7张图片
el-table-column: 表格 列
Vue中elementUi el-xxx标签总结_第8张图片
el-pagination : 新增分页
Vue中elementUi el-xxx标签总结_第9张图片
el-select: ( 选择框)

Vue中elementUi el-xxx标签总结_第10张图片
el-button: 按钮
Vue中elementUi el-xxx标签总结_第11张图片
el-form: 表单提交
Vue中elementUi el-xxx标签总结_第12张图片
el-form-item label=“活动区域” : 表单域
Vue中elementUi el-xxx标签总结_第13张图片
el-input-number :(@change = ‘handlechange’ ----change事件) 数字输入框, 可以实现加减
Vue中elementUi el-xxx标签总结_第14张图片

el-tag:

用于标记和选择。

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

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

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

el-tab-pane:

是 el-table的分页

你可能感兴趣的:(vue)