elementUI时间控件重置踩过的坑

最新推荐文章于 2024-06-05 16:01:17 发布

一渊之隔

最新推荐文章于 2024-06-05 16:01:17 发布

阅读量3.1k

点赞数 3

分类专栏： elementUI Vue 文章标签： vue.js elementui

本文链接：https://blog.csdn.net/qq_37263478/article/details/118380114

版权

在使用ElementUI时间控件进行数据重置时，由于Vue.js的单向数据绑定特性，直接清空可能导致获取到的仍是旧值。为正确重置，需检查绑定数据是否为空或null。避免使用length属性判断，因在null情况下会抛出错误。正确的判断条件是limitdatetime!= '' && limitdatetime!== null。

摘要由CSDN通过智能技术生成

           <el-col :span="8">
                  <el-form-item label="采购时间">
                    <el-date-picker
                      style="width: 100%"
                      v-model="limitDateTime"
                      type="daterange"
                      value-format="yyyy-MM-dd HH:mm:ss"
                      range-separator="至"
                      start-placeholder="开始时间"
                      end-placeholder="结束时间"
                      :default-time="['00:00:00', '23:59:59']"
                    ></el-date-picker>
                  </el-form-item>
                </el-col>

因为是单向数据绑定，所以清空的时侯，获参还是原来填写的数据即