LayUI의 일부 기본 메서드 소개

풀어 주다: 2020-02-11 17:08:53
앞으로
2914명이 탐색했습니다.

LayUI의 일부 기본 메서드 소개Layui 모듈형 페이지 사용법

필요할 때 모듈 로드

//引入js,css文件跳过,看文档 //在页面中,如同编写JavaScript一样 
로그인 후 복사

모든 모듈을 한 번에 로드

로그인 후 복사

자체 작성 모듈

//js文件 layui.define(['layer'],function(exports){//自写模块需要调用的layui模块 var layer = layui.layer;//初始化模块变量 layer.msg('Hi!'); exports('index',{})//导出自写模块,index为导出名,use的时候名字要和导出一致 }) //use时注意需要设定模块所在目录 
로그인 후 복사

로컬 저장소 작업

layui.data('test',//test表名 {//对象 key:'user_name',//键值对 value:'用户1' } ) //删除 layui。data('test',{ key:'user_name',//需要删除的键 remove:true//删除 }) //查 var local = layui.data('test'); console.info(local.user_name); //根据删除的方法,我暂时认为,如果需要插入多个键值对,需要使用对象数组,而删除多个键值对,则未知了,因为没实际操作,因为本地存储其实不怎么会用这个,接入后端后大多用session或者redis
로그인 후 복사

에서 사용되지 않을 수 있는 다양한 기본 방법 연습

layui.device()//获取设备信息 layui.cache()//获得缓存 layui.extend(options)//拓展别名,给一个模块设置别名 layui.each(obj,fn)//对象(array,object,dom)遍历,可取代for layui.getStyle(node,name) //获得dom节点的style属性值,如document.body,'font-size' layui.img(url,callback,error)//图片预加载,可设置加载失败显示默认图从而避免图片加载失败没图的尴尬 layui.router()//获得路由 layui.hint()//向控制台输出异常,目前只能error,layui.hint().error('error') layui.stope(e)//阻止事件冒泡 layui.onevent(modName,events,callback)//自定义模块事件 layui.event(modName,events,params)//执行自定义事件 layui.factory(modName)//获取模块定义时的回调函数
로그인 후 복사

레이유에 대한 더 많은 지식을 알고 싶다면레이유 사용법 튜토리얼칼럼을 주목해주세요.

위 내용은 LayUI의 일부 기본 메서드 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!