事故还原:
今天在用layui的日期控件的时候发现一个问题,就是form表单中的日期选择之后,如果后面的输入框再输入值,这个日期就会自动清空,导致没办法提交,研究之后发现是vue的model绑定和layui冲突产生的,事实上是vue无法动态绑定layui中获取到的日期值,我们把那个v-model去掉就好,但是去掉的话就没办法动态绑定后台数据.
下面是html+vuejs+layui
lyui通过use方法获取到input的ID实现日期选择,但是vue的model绑定和layui是有冲突的.
对于这个情况大概处理思路是这样的:我们就不让他自动绑定了,把这个input的v-model属性去掉,然后再form表单提交之前利用jquery手动给这个属性赋值就好了.
<input type="text" id="beginTime" name="teacherLeave.leaveBegin" v-model="teacherLeave.leaveBegin" class="layui-input">开始时间<input type="text" name="teacherLeave.reson" v-model="teacherLeave.reson" class="layui-input"><script>layui.use('laydate', function() { var laydate = layui.laydate; //执行一个laydate实例 laydate.render({ elem : '#beginTime' }); });</script>下面是具体处理的伪代码:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。