2020-08-24 el-date-picker清空后v-model是null

解决方案:利用watch监听v-model

<el-date-picker
          v-model="searchForm.timeRange"
          type="datetimerange"
          value-format="yyyy-MM-dd HH:mm"
          range-separator="~"
          start-placeholder="开场"
          end-placeholder="时间">
 </el-date-picker>
export default {
  data() {
    return {
      searchForm: {
        timeRange: [],
        ...
      },
      ...
    };
  },
  ...
}
watch: {
    'searchForm.timeRange': {
      deep: true,
      handler(newVal) {
        if (!newVal) {
          this.searchForm.timeRange = [];
        }
      },
    },
     ...
}

参考文章:

vue中watch的详细用法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。