VUE中使用element UI

一、doLayout() 表格重绘，用于解决表格错位

在VUE中的生命周期初始化表格的时候在$nextTick()中，使用this.$refs[表格的ref].doLayuot() ，表示在vue渲染结束后重新绘制表格

 如果表格没有横向滚条，却设定了表格列 "固定" fixed 属性，也有几率出现表格错位的情况

 

 

二、element UI 弹窗内的 form 表单重置 功能

情景重现：新增、修改、查询 这三个表单使用的都是一个 columns 只有查询表单设置的有重置功能，单独使用查询时，可以重置表单各项为空，但是点击过新增或者修改的弹窗后，查询的重置功能就失效了

原因是 重置功能  resetFields（）的实际作用是回到操作前的表单,相当于一个快照的机制，比如刚开始打开查询表单时，查询表单中的值是 name: ' '，不管怎么修改name的值，name的初始值始终为 ' '，当修改了

name: '小狗' 之后，关闭查询弹窗，打开  新增弹窗/修改弹窗 表单的初始值被记录为 name: '小狗' ，所以重置 resetFields() 也是回到 name: '小狗' ，而不会回到 name: ' '

解决办法：查询弹窗的内的 columns 与 新增和修改的columns使用不同的