vue element UI常遇到的bug

1. 表单的重置方法无效
   表单的重置方法无效的原因有两个
   1.是表单没有加ref属性，这样element的js没法获取到表单的内容就无法重置
   2.表单中的表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致，prop属性不止是在做表单验证的时候要加，只要涉及表单操作都要加，主要是让js可以识别每一个不同的表单项的功能
   3.需要注意的是，
   
   resetField方法是将表单的重置为初始值，而不是改成没有值，或者是0等

2. 表单的表格的每一列控制其显隐都是使用v-if的，同时需要增加

   :key="Math.random()"
   

是每一列都有唯一的key值，不然会出现表格的列排列混乱，甚至使v-if失效

3. 表格的表头的排列不齐，和下面的内容对不齐
   主要原因是因为表格的table-layout属性的值是overflow，使用deep深度选择器将其改成

   .el-able .el-table__header{
     table-layout: auto;
   }
   

4. element 的时间选择器会报错，关于null的
   当我们使用范围的时间选择器的时候
   

就是类似这种的，其值一般为数组，当使用其中 的一个值时(开始时间或者结束时间）我们回直接使用其绑定的值的下标方式获取

例如这个我们回直接用value1[0]来获取开始时间，value1[1]来获取结束时间，但是当我们点击这个×的时候

element会将其值重置为null，这样使用了value1[0]的代码就会报错，解决办法就是判断是不是null后在用value1[0]来获取值