Vue.js与WdatePicker日历控件冲突问题的解决方案

Posted 2020-11-01 oliverreal

问题：同时使用Vue.js与WdatePicker时，双向绑定的日期字段获取不到界面输入的值，而且别的字段的值改变后，日期控件的内容会被清空

原因：WdatePicker不是Vue的插件，不能响应Vue的绑定。修改别的字段值后，因为日期字段的值为空，所以也会把日期控件内容清空

解决方案：日期控件的绑定blur事件,事件中为日期字段赋值。如：

$_recordEditVM_checkDateBlur:function(){
    if($.trim($(‘#checkDate‘).val()).length>0)
        this.record.checkDate=$(‘#checkDate‘).val();
}