layui
关注
分享
扫一扫
迷途大灰狼
这个作者很懒，什么都没留下…
展开
-
layui的layui-icon-loading为什么不动。
看文档给提交按钮加了一个加载中的loading 可是他竟然是静止的状态<button type="button" class="layui-btn subeditor" > <i class="layui-icon layui-icon-loading" ></i>提交</button>根本没有动啊。于是最后发现你必须再给他加class名是layui-anim layui-anim-rotate layui-anim-l...转载 2020-11-25 09:54:52 · 1089 阅读 · 0 评论 -
layui使用vue后导致组件渲染失败的解决方法
layui加载模块如果加载的模块是：layui.js 在layui进行渲染的时候，必须在<div class="layui-form"></div>中进行渲染 在页面加载的时候，使用： <script> layui.use('form', function() { var form = layui.form; form.render(); }); </script>到此，页面中的radio,以及select就可以正常显示了。如果是动态追加的rad转载 2020-11-18 14:09:51 · 921 阅读 · 0 评论 -
关于layui 绑定form submit提交表单注意点
<form method="post" class="layui-form"> <input type="text" name="name" placeholder="用户名" required lay-verify="required" class="layui-input layui-form-danger log原创 2018-08-01 22:19:09 · 80775 阅读 · 8 评论 -
layui中的onevent 和event使用方法
这是官方文档的说明layui.onevent(modName, events, callback) 自定义模块事件，属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块 layui.event(modName, events, params) 执行自定义模块事件，搭配onevent使用 layui.onevent 可以看作定义的方法的使用的...原创 2019-04-08 16:50:01 · 41956 阅读 · 3 评论 -
layui的layedit富文本赋值
上图是官方提供的文档，我看了几次，都没发现有赋值的方法，这文档有毒，然后只能默默问度娘了 layedit赋值方法如下/*** 设置编辑器内容* @param {[type]} index 编辑器索引* @param {[type]} content 要设置的内容* @param {[type]} flag 是否追加模式*/layedit.setContent(index...原创 2018-11-01 17:50:00 · 21495 阅读 · 2 评论 -
关于layui的form里的元素进行动态生成，验证失效解决方法
这问题和使用layTpl动态生成页面问题类似，详细进入https://blog.youkuaiyun.com/sqlquan/article/details/82432513form有点不同就是需要把需要执行form.render()而不是element.render()；进行渲染 var data = jsonData; var getTpl = di...原创 2018-09-09 20:06:16 · 5611 阅读 · 0 评论 -
使用layui的router来进行传参
如果我们需要通过链接传参的话，我们需要使用使用url+/#/参数如下面代码我要传参id,edit/#/id=1就可以传参成功了 $(document).on('click', '#edit', function(data) { var id = $(this).attr('data-id'); var url = "edit...原创 2018-09-09 16:27:44 · 20817 阅读 · 4 评论 -
关于layui使用模板引擎动态渲染元素注意问题
摸索这个模板引擎碰到的问题，分享一下本人在实现使用laytpl实现动态渲染菜单，来减少静态代码时候碰到了，元素是成功渲染出来，但是折叠动画效果和点击事件都失效了，然后仔细看了一下官方文档官方文档原话：跟表单元素一样，很多时候你的页面元素可能是动态生成的，这时element的相关功能将不会对其有效，你必须手工执行 element.init(type, filter)方法即可。注意：2.1.6...原创 2018-09-05 23:23:55 · 12827 阅读 · 0 评论 -
在layui下对元素进行事件绑定
要注意的是记得要先引用element操作模块 ，否则是无法绑定的格式：$(document).on(事件，标识，function(){}); layui.use(['jquery', 'form', 'table', 'element'], function() { var form = layui.form; var table = layui...原创 2018-08-21 21:58:29 · 10340 阅读 · 0 评论 -
laravel自定义分页实现方法offset()和limit()
情景：因个人使用layui在开发后台模块，因为layui自带了table模块，是都封装了分页的，并且返回数据格式也是有固定要求的所以我们就不能去使用laravel的快速分页paginate去分页了，只能使用offset()和limit()一起使用去实现自定义分页功能一下为我实现的代码 $pagenNum=request('page'); $limit...原创 2018-08-19 13:02:02 · 16284 阅读 · 1 评论 -
layui判断tab是否已经存在，存在就切换，不存在则创建并切换实现
话不多说直接上代码，该代码是本人实现完整新增并判断是否存在就切换的js代码 要注意这里本人使用jq，layui内置了jq，要使用的话，也是需要通过use该模块引进 layui.use(['jquery','element'], function(){ var element = layui.element; var $ = layui.$; /...原创 2018-08-08 22:01:09 · 6503 阅读 · 1 评论 -
分享一下自己开发的基于laravel+layui开发的cms
基于laravel+layui开发完整cms后台，系统主要是志在更快的开发后台，减少代码冗余，所以本cms基本大部分通过js渲染html，php代码均为模块化写法，使用了模块化的开发模式github地址：https://github.com/apathyquan/layuiCMS...原创 2019-04-24 10:01:04 · 5166 阅读 · 7 评论