LayUI中的内置模块之工具集文档 - layui.util

daimeijin

于 2021-08-15 21:11:59 发布

阅读量1.9k

点赞数

分类专栏： LayUI 文章标签： layui

本文链接：https://blog.youkuaiyun.com/daimeijin/article/details/119707855

版权

本文档介绍了LayUI框架中的工具集模块layui.util，包括固定块、倒计时等工具的使用方法。layui.util提供了一些辅助性的组件，如util.fixbar()用于创建固定块，util.countdown()用于实现倒计时功能，以及util.event()用于事件处理。这些工具在实际项目中可以提高开发效率。

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

前言

最近在准备找工作的事项，但是作为一个后台也是需要了解一些前端框架的。就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。查阅资料后得到如下文章，作为学习记录使用。

工具集

我们将一些工具性元素放入 util 模块中，以供选择性使用。其内部由多个小工具组件组成，他们也许不是必须的，但很多时候却能为你的页面提供良好的辅助作用。
模块加载名称：util

固定块

语法：util.fixbar(options)
其中参数 options 是一个对象，可支持的key如下表：
在这里插入图片描述

layui.use('util', function(){
  var util = layui.util;
  
  //执行
  util.fixbar({
    bar1: true
    ,click: function(type){
      console.log(type);
      if(type === 'bar1'){
        alert('点击了bar1')
      }
    }
  });
});