博客

由于需求，需要在切换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