Запишите ямы, на которые вы наступили при использовании 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 = []
}