天天饱

如果你只做自己能力范围之内的事情,就永远没法进步

解决vue中使用laydate.js选择日期后再修改其他model时日期会被清空问题

首先描述一下问题,下图中均绑定v-model,例如先选择出生开始时间,然后当再选择地区或其他选项时该时间就会被清空

 

 

首先看一下我这边开始的默认值,开始我设置都为空

当我选择如下图的生日开始时间与结束时间后重新打印

得到的结果如下

发现虽然选择了时间,demo中也显示了日期,但是打印出来的实际的值确是空的,所以得主这个的主要原因是laydate选好日期后并没有赋值到model中,当修改其他model时该model为空,所以被重新赋值了

 

解决方法

 解决它的方法是在laydate的done回调中直接给参数赋值即可,如下图

注意:需要定义this,因为laydate里面的this指的是laydate的,而不是vue的~

posted @ 2019-02-28 10:24  天天饱  阅读(2142)  评论(0编辑  收藏  举报