layui中的laydate.render二次加载失效的原因

本文详细解析了Layui框架中插件的缓存机制,阐述了如何利用这一特性优化代码结构,避免重复加载,提高网页性能。通过具体示例,如日期选择器的渲染过程,展示了插件只需首次加载即可反复使用的特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. layui.use('laytpl', function(laytpl){ //温馨提示:多次调用use并不会重复加载laytpl.js,Layui内部有做模块cache处理。
  2. var html = laytpl('').render({});
  3. console.log(html);
  4. });

也就是说,其实layui里面的插件,其实在根本上来说只要渲染一次就进入了缓存了,所以,在第一次渲染完就直接写整齐就可以了

function renderDate(){
    layui.use(['laydate'], function() {    
        laydate = layui.laydate;
        laydate.render({
            elem: '#date3',
            done: function() {
                verfiyRecruit();
            }
        });
        laydate.render({
            elem: '#date4'
        });
    });
}
就像上面这段代码  虽然在方法里面,但是它实际上渲染一次之后会加载在缓存里面去的,下次用的时候直接就可以使用了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值