Layui Layer 的常见用法

官方文档

https://www.layui.com/doc/modules/layer.html

常用代码示例

// 弹出消息
layer.msg('hello');

如果是页面层

layer.open({
  type: 1, 
  content: '传入任意的文本或html' //这里content是一个普通的String
});
layer.open({
  type: 1,
  content: $('#id') //这里content是一个DOM,注意:最好该元素要存放在body最外层,否则可能被其它的相对元素所影响
});

Ajax获取

$.post('url', {}, function(str){
  layer.open({
    type: 1,
    content: str //注意,如果str是object,那么需要字符拼接。
  });
});

如果是iframe层
这里content是一个URL,如果你不想让iframe出现滚动条,你还可以content: ['http://anttoweb.com', 'no']

layer.open({
  type: 2,
  content: 'http://anttoweb.com'
});

如果是用layer.open执行tips层
数组第二项即吸附元素选择器或者DOM

layer.open({
  type: 4,
  content: ['内容', '#id']
});

弹出后跳转页面

layer.msg('请先登录', {
  icon: 1,
  offset: '200px',
  time: 2000
}, function(){
  window.location.href = "{{ route('login') }}";
});

 4,008 total views,  8 views today

Revisions

There are no revisions for this post.

Comments are closed.