最近我在使用layui的时候发现,点击左侧菜单右边的tab只是跳转到了对应的页面,但是并没有刷新,本人觉得这种太不人性化了,决定优化一下,然后百度了好久没有找到解决方案,最后决定硬着头皮直接看它底层的实现代码,发现其实也挺简单的.
1:实现原理 我是使用的iframe做跳转,所以在每次切换到当前tab的时候就重新加载页面即可
2:实现方法 在layui的底层js,一般就是admin.js里面找到tabChange方法(如果你觉得实在不好找直接用全局搜索就可以了),然后在这个方法里面加上我注释下面这段代码即可
tabChange: function (id) {
//切换到指定Tab项
element.tabChange('wenav_tab', id);
var othis = $('.layui-tab-title').find('>li[lay-id="' + id + '"]'),
index = othis.parent().children('li').index(othis)