一、出现的问题

在修改/编辑时，el-date-picker中的×点击不生效，无法清空，并且重新选择新的日期范围也不显示

 二、问题分析

首先来分析一下，新增的时候不会出现这种情况，而编辑/修改时却会，那么新增和编辑/修改的区别在哪？很明显，就是回显数据。所以问题很可能就是出现在回显数据这里。el-date-picker所绑定的变量返回的是一个数组，那么我们编辑/修改回显数据的时候赋值给el-date-picker所绑定的变量肯定也是数组的形式，但是表单的话，我们的数据一般都是放在对象里面，所以出现这个问题很大原因就是赋值的方式不对，如下图所示：

 直接这样赋值的话回显却是是可以回显了，但是无法修改也无法清空，正确的赋值方式应该使用$set的方式

 

这样就完美解决了这个问题

# vue.js # javascript # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue