layui使用的注意事项:

1、页面数据加载重新渲染

layui.form.render();
 //重新渲染面板
 layui.element.render();

2、checkbox按钮事件绑定

layui.form.on('checkbox', function (data) {
            // console.log(data.elem.className); //得到checkbox原始DOM对象
            // console.log(data.elem.checked); //是否被选中,true或者false
            // console.log(data.value); //复选框value值,也可以通过data.elem.value得到
            // console.log(data.othis.className); //得到美化后的DOM对象
            let elemId = data.elem.id; // 获取复选框的 ID
            let className = data.elem.className; // 获取复选框的 ID
        
            //更新视图
            layui.form.render();
        });

3、下拉重新渲染

layui.form.render('select');

你可能感兴趣的:(layui,前端,javascript)