ElementUI的几个踩坑记录

1.el-cascader使用props重新指定读取的字段名字
<el-cascader :props="{ value: 'id', label: 'name'}">

2.el-cascader树形结构 如果最后一层children为空数组时，会渲染空页面

解决方法
方法一：后端数据层上直接不返回空数据  
方法二：前端递归赋值成undefined 或删除

3.使用tabs有时会莫名导致浏览器卡死
解决方法 
用<el-row><el-col></el-col></el-row>包裹起来！

4.form表单验证一时有一时没有
表单验证是用v-if会影响 用v-show不会。另外记得带上key 唯一的 识别度高。

5.table表格添加后希望滑动到表格底部

//table滑动到底部
this.$nextTick(() => {
 let container = this.$el.querySelector('.el-table__body-wrapper');
 container.scrollTop = container.scrollHeight;
})

6.上传想要获取本地图片回显
默认样式方法：
需要先开启 list-type="picture" 并且:show-file-list="true"。

自定义样式方法：
有时我们不要它的默认样式，就
/deep/ .el-upload-list{ display: none;}
然后在on-change里面的file.url有图

7.批量上传实际上依然是单个单个上传的，只是用了异步
所以，批量上传时是同时异步了触发了多个请求，这里得小心不要被自己的请求拦截了。

mark一下 仅供参考 欢迎更正补充 Thanks