龙行博客

vue使用laydate会清空值得问题

日期控件layui的laydate最喜欢的,第一次玩vue遇到的坑,记录下

问题就是:

比如你选择好了开始日期,想搜索,但是当你提交这个表单时,发现开始日期是空的,这是怎么回事.

问题原因: 其实原因是vue和laydate组件绑定事件发生冲突导致

决绝方法: 那就重新赋值把

mounted: function () { //初始化调用
                this.getData();
                var _this = this; // 当前的vue对象
                laydate.render({
                    elem: '#workdate3', //指定元素 绑定laydate的元素，即id= laydate的那个input
                    done: function (value) { // value 是laydate选择的日期
                        _this.start_time = value; // vue对象的属性设置为当前的日期
                    },
                });
            laydate.render({
                elem: '#quitdate4', //指定元素 绑定laydate的元素，即id= laydate的那个input
                done: function (value) { // value 是laydate选择的日期
                    _this.end_time = value; // vue对象的属性设置为当前的日期
                },
            });
        },

不知道看的哪个大牛的,他是这么写,我也这么写吧 .   vue还是小白,有没有更好的写法啊  ,我觉得写在这个mounted里面不舒服