el-date-picker 一点取消的时候报错。Cannot read properties of null (reading 'length')

1,788 阅读1分钟
            <el-date-picker
              v-model="form.datetimerange"
              class="form-input"
              type="datetimerange"
              range-separator="至"
              start-placeholder="开始日期" 
             end-placeholder="结束日期" 
             :default-time="['00:00:00', '23:59:59']"
            />

上面是原代码。

下面是改进后,只需要加个  v-if="form.datetimerange === null ? form.datetimerange = [] : form.datetimerange = form.datetimerange"

<el-date-picker
v-model="form.datetimerange"
v-if="form.datetimerange === null ? form.datetimerange = [] : form.datetimerange = form.datetimerange"
class="form-input"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']"
/>