layui 切换 tab 需求(查看了其他的方法,发现都是坑)

由于需求,需要在切换tab的时候进行页面重新加载,在网上找了一些相关内容,发现是坑
网上方法(坑),大致方法如下:

//点击选项卡时刷新
element.on(‘tab(outNav)’, function(data){
var src=$(".layui-tab-item.layui-show").find(“iframe”).attr(“src”);
$(".layui-tab-item.layui-show").find(“iframe”).attr(“src”,src);
});

但是实际操作时,发现虽然实现了,切换tab刷新当前页面,可是我在点击侧边栏的时候却发现需要点击两次才可以切换到,对应的页面,点击第一下会保留上一个页面

查看源码后,发现其实layui的效果就是根据iframe来操作的,所以结合后,以下改变,亲测有效:
element.on(‘tab(layadmin-layout-tabs)’, function (i) {
var src = $(".layui-tab .layui-this").attr(‘lay-id’);
var iframe = admin.tabsBody(admin.tabsPage.index).find(’.layadmin-iframe’)
iframe[0].contentWindow.location.href = src;
});

欢迎加微讨论前端 :dagonghun996

上一篇:laui中文件上传使用


下一篇:iOS 3D Touch功能