Запишите ямы, на которые вы наступили при использовании Element-ui
Сообщение об ошибке: [Vue warn]: ошибка в обработчике v-on: «TypeError: невозможно прочитать свойство '0' из null"
При использовании средства выбора даты DatePicker для выбора диапазона дат используется свойствоclearable
. Это свойствоBoolean
Переменная, используемая для принятия решения о том, показывать ли кнопку очистки, по умолчаниюtrue
.
<el-date-picker
v-model="value"
type="daterange"
:clearable="true"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
data(){
return {
value:[]
}
}
Эффект:
Прежде чем выбрать диапазон дат,value
является пустым массивом. После выбора даты выведитеvalue
:
Когда нажата кнопка очистки, вывод сноваvalue
, вы найдете это сообщение об ошибке:
Причина этого: когда нажимается кнопка очистки,value
будет установлен наnull
.
В Element-ui нет встроенной функции обратного вызова для кнопки очистки. Итак, чтобы решить этуbug
, метод, который я использую, перед следующим вызовом, дляvalue
переназначить, то есть:
if (!this.value) {
this.value = []
}