vue element el-date-picker绑定对象 v-model=‘xx.xx‘清空后数据还是显示
项目遇到这样的清空,日期组件绑定的是数组对象的值,在data中已经声明了这个值,但是清空后绑定的值是Null,但是还是显示 代码如下<el-date-pickerv-model="itemF.contractDateValue"type="datetimerange"range-separator="至":default-time="['00:00:00', '23:59:59']"valu
·
项目遇到这样的清空,日期组件绑定的是数组对象的值,在data中已经声明了这个值,但是清空后绑定的值是Null,但是还是显示 代码如下
<el-date-picker
v-model="itemF.contractDateValue"
type="datetimerange"
range-separator="至"
:default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd HH:mm:ss"
@change="immediChange(itemF)"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
解决方法:监控组件输入状态,用thi.$set赋值,mmediUpdate(itemF,e) 传其他参数的标准写法
<el-date-picker
v-model="itemF.contractDateValue"
type="datetimerange"
range-separator="至"
:default-time="['00:00:00', '23:59:59']"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd HH:mm:ss"
@input="e=>{
mmediUpdate(itemF,e)
}"
@change="immediChange(itemF)"
start-placeholder="开始日期"
end-placeholder="结束日期"
>
</el-date-picker>
//方法
immediUpdate(data, e) {
if (e == null) {
this.$set(data, data.contractDateValue, []);
} else {
this.$set(data, data.contractDateValue, e);
}
},
更多推荐
已为社区贡献1条内容
所有评论(0)