新建vue项目的时候,用到了layui渲染,但是页面二次加载的时候,复选框消失了,疑似layui渲染出异常了,这个时候需要再次渲染,具体代码如下.vue文件
export default {
name: ‘MemberList‘
,mounted:function(){
this.init();
},
beforeDestroy:function(){
},
destroyed:function(){
},
methods: {
init: function () {
layui.use([‘laydate‘,‘form‘], function(){
var laydate = layui.laydate;
var form = layui.form;
form.render();---------------------------------------------------------该处是重新渲染的方法
// 监听全选
form.on(‘checkbox(checkall)‘, function(data){
if(data.elem.checked){
$(‘tbody input‘).prop(‘checked‘,true);
}else{
$(‘tbody input‘).prop(‘checked‘,false);
}
form.render(‘checkbox‘);
});
//执行一个laydate实例
laydate.render({
elem: ‘#start‘ //指定元素
});
//执行一个laydate实例
laydate.render({
elem: ‘#end‘ //指定元素
});
});
}
原文:https://www.cnblogs.com/mafy/p/12172324.html