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解決