【ElementUI】样式操作二次优化【整合】

本篇主要整合在ElementUI使用过程中对组件的优化

目录

一、el-table

1.修改表格边框、滚动条样式

2.自定义列数后动态加载列

3.表图（echarts）、表图表 数据联动 

4.前端筛选、查询（不走接口） 

 5.展示tree结构数据修改旋转图标icon 对齐

6.前端新增、删除（不走接口、去重）

二、e-tree

1.el-tree修改icon、编辑input

2.el-tree和el-table联动、右键新增删除树

三、el-input

1.number类型时的上下箭头样式修改

四、el-form

1.el-form动态增减表单项

五、icon 

1.自定义全局图标

---

一、el-table

1.修改表格边框、滚动条样式

【ElementUI样式优化1】el-table 修改斑马格样式、修改滚动条样式、添加表头边框、删除表格边框划线_小白Rachel的博客-CSDN博客_element table滚动条美化

2.自定义列数后动态加载列

【Vue入门实战6】【ElementUI组件使用优化】el-form动态增减表单项==＞ el-table自定义列数并动态加载列 ==＞ 处理后端复杂数据结构==＞回显动态列数据_小白Rachel的博客-CSDN博客_el 动态增减表单项

3.表图（echarts）、表图表 数据联动 

【Vue入门实践4】el-table和Echarts折线图【表-图两者联动】显示tooltip效果【表-图-表三者联动】展示数据_小白Rachel的博客-CSDN博客

4.前端筛选、查询（不走接口） 

【Vue入门实践3】不调后端接口==＞el-table单纯前端实现查询和重置功能==＞【el-table组件使用】表格静态前端筛选、查询重置功能_小白Rachel的博客-CSD