vue中使用layu

Posted 2021-03-04 lxz123

### vue中使用layui

    + 下载

        npm i layui-src

    + 在main.js中引入

        // 导入lauui

        import "layui-src/dist/css/layui.css";

        import "layui-src/dist/layui.all.js";  //在这里必须引入的是layui.min.js,引入layui.js会报错

    + 使用，注册使用的模块

         layui.use(‘laypage‘, function(){

            var laypage = layui.laypage;

             laypage.render({

                elem: ‘pagination‘

                ,count: 50

                ,layout: [‘count‘, ‘prev‘, ‘page‘, ‘next‘, ‘limit‘, ‘refresh‘, ‘skip‘]

                ,jump: function(obj){

                    // console.log(obj)

                    console.log(obj.count);

                    console.log(obj.prev);

                    console.log(obj.page);

                    console.log(obj.next);

                    console.log(obj.limit);

                    console.log(obj.refresh);

                    console.log(obj.skip);

                }

            });

        })

    }