element-ui踩坑集合

1、input框无法输入的问题
在input中双向绑定的变量，需要在data中设置默认值，具体原因可以了解双向绑定的原理

 

2、动态列错乱
给每个列加key值

<el-table-column
    v-if="handleShowList('user')"
    key="user"
    sortable
    prop="user"
    label="用户"
>

 

3、 el-date-picker报错”TypeError: value.getTime is not a function”

用new Date(你的时间）处理一下

 

4、el-date-picker日期组件（具体到天） 做开始时间小于结束时间的限制时，时间段误差8小时

感觉还是组件默认的时分秒问题，没多去研究，在日期加上23小时59分59秒即可，时间单位为毫秒

startTime: {
    disabledDate: time => {
        if (this.searchForm.endTime) {
            // 默认开始时间为00:00，所以要加上23:59的毫秒数
            return time.getTime() + 24 * 60 * 60 * 1000 - 60 * 1000 > new Date(this.searchForm.endTime).getTime()
         }
    }
}

 

5、表单报错"Cannot read property 'validate' of undefined"

检查form 表单中 ref 绑定的是否为变量，ref中应绑定变量
参考博客https://blog.csdn.net/qq_36437172/article/details/89954501解决

 

6、表单的resetFields未生效解决

我理解的是重置的时间差的问题

参考博客https://blog.csdn.net/u013675978/article/details/83536242解决