layui梳理——自用

layui相关梳理

主要是一些容易出错的问题在这里记录下来

• 如果要使用layui，需要在html中以link的方式导入css，以及使用script导入js。其中css用于控制各种ui元素，如表格、按钮等，js则是保证可以使用layui.layer这样的属性。
  <link rel="stylesheet" href="layui/css/layui.css" media="all">

<script src="layui/layui.all.js"></script>

• 引用外部js：
  html中需要写入如下代码：

<script>
    layui.config({
        base: 'js/'
    }).use('index');
</script>

其中base的属性表示该部js的目录路径，不要加上js的文件名。对应的，js的文件名应该和use中的参数一致，js的内容示例如下：

layui.define(['layer','table','jquery'],function (exports) {
    var layer = layui.layer;
    var $ = layui.jquery;
    $(document).on('click','#btn_start_test',function () {
        layer.msg('111');
    });
    exports('index',{});
});

exports可以为别的名字，但是必须要写上，且方法体中的exports（）中的‘ ’需要和文件名相同