龙行博客

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对象的属性设置为当前的日期
                },
            });
        },

评论一下 分享本文

赞助站长

赞助站长X

联系站长

• 版权申明：此文如未标注转载均为本站原创，自由转载请表明出处《龙行博客》。
• 本文网址：https://www.liaotaoo.cn/184.html
• 上篇文章：jquery实现点击图片灯箱效果,图片放大
• 下篇文章：【实用】PHP实现下载与压缩文件的一些方法的封装与整理
• vue