翔奕时代

A year's plan starts with spring.

0%

x-admin页面刷新清除tab

发表于 分类于 565 1 分钟

x-admin的原生是没有页面刷新（外层）清除tab的，而且是刷新后会停留在最后一个tab上，体验不是很好，这里做下更改

因为tab部分的代码全部是由js生成的，需要在body上添加一个事件（onbeforeunload）去触发

onbeforeunload

在即将离开当前页面(刷新或关闭)时执行 JavaScript :

1
<body onbeforeunload="return myFunction()">

将 放在外层iframe里面

代码实例

1
<body class="index" onbeforeunload="close_tabs()"> <!--在即将离开当前页面(刷新或关闭)时执行 JavaScript :-->
1
2
3
4
5
function close_tabs(){
   $('.layui-tab-title li[lay-id]').find('.layui-tab-close').click();
   $('#tab_right').hide();
   $('#tab_show').hide();
 }

搞定！也可以在退出、切换账号的时候触发这个关闭所有tab