layer弹窗的跳转功能

Posted 万里冰封

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layer弹窗的跳转功能相关的知识,希望对你有一定的参考价值。

1,本弹窗直接跳转父页面:

1   @if(session(‘message‘))
2 
3     <script>
4         window.parent.location.reload(); //刷新父页面
5         var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
6         parent.layer.close(index);  // 关闭layer
7     </script>
8     @endif

2,点击关闭弹窗后刷新当前页面:

只需在弹窗运行后添加

end: function(){
//任何对父类页面操作
}
 1  layer.open({
 2                 type: 2,
 3                 area: [w+‘px‘, h +‘px‘],
 4                 fix: false, //不固定
 5                 maxmin: true,
 6                 shade:0.4,
 7                 title: title,
 8                 content: url,
 9                 end: function(){
10                     window.parent.location.reload(); //刷新父页面
11                 }
12             });

 




以上是关于layer弹窗的跳转功能的主要内容,如果未能解决你的问题,请参考以下文章

小程序弹窗的几种形式

js延迟window.open window.location几秒之后跳转

layui 弹窗的iframe 父子界面相互传值

sweetalert弹窗的使用

Kotlin 实现自定义下拉阴影弹窗的功能

微信小程序怎么悬浮窗口