在使用DatePicker日期選擇器選擇日期范圍的時候，會用到一個屬性clearable。這個屬性是Boolean變量，用于決定是否顯示清除按鈕，默認(rèn)為true。

<el-date-pickerv-model="value"type="daterange":clearable="true"range-separator="至"start-placeholder="開始日期"end-placeholder="結(jié)束日期"> </el-date-picker> data(){return {value:[]} }

在選擇日期范圍之前，value是一個空數(shù)組。選擇日期后，輸出value:

當(dāng)點擊清除按鈕后，再次輸出value，就會發(fā)現(xiàn)這種報錯信息:

出現(xiàn)這種情況的原因是: 當(dāng)點擊清除按鈕的時候，value會被設(shè)置為null。
Element-ui中沒有內(nèi)置清除按鈕的回調(diào)函數(shù)。因此要解決這個bug,我使用的方法是在下次調(diào)用之前，為value重新賦值，即:

if (!this.value) {this.value = [] }

elementui 一些組件其他問題解決辦法：傳送門

總結(jié)

以上是生活随笔為你收集整理的element 时间日期选择器el-date-picker点击清空按钮报错 Cannot read property ‘0‘ of null的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。