Element-UI框架笔记

1、el-container

2、按需引入与全局引入

按需引入与全局引入

3、全局配置

全局配置

4、自定义主题

5、过渡动画

6、layout

7、响应式布局

8、input输入框

使用show-password属性即可得到一个可切换显示隐藏的密码框

9、前置或后置输入框

10、form表单注意

1、横线写法

 <el-col class="line" :span="2">-</el-col>

11、form自定义表单校验规则

本例还使用status-icon属性为输入框添加了表示校验结果的反馈图标。

12、单个选择框单独绑定验证规则

13、动态增减表单项

其实就是遍历一个数组生成表单，每次点击新增域名，就往数组里面push进去一个值，这样页面中的表单就增加啦，哈哈

用Date.now()作为key

每次都增加1个空表单  所以value值是空

14、表单修饰符

number -

-size

15、table表格

1、设置斑马纹 就是每一行颜色不一样

stripe

border  设置边框

16、带状态表格

出现滚动条

17、实现多级表头

18、实现table表单单选

highlight-current-row

之后由current-change事件来管理选中时触发的事件

19、实现table表单多余内容不显示仅提示

20、able排序

21、table筛选

22、table表格展开行

23、 树形数据与懒加载

第二种方式

24、table自定义表头

25、表格合计数据

26、合并列与合并行

27、标题