layui的tabs选项卡切换刷新页面

2,265 阅读1分钟

www.layui.com/doc/modules… 文档地址
在这里插入图片描述

默认不会刷新,使用以下方法即可

<script>
	layui.use('element', function(){
		var $ = layui.jquery,
		element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
		element.on('tab(tabcard)', function (data) {  // tabcard:过滤器值,lay-filter所绑定的
			var src = $(".layui-tab-item.layui-show").find("iframe").attr("src");
			$(".layui-tab-item.layui-show").find("iframe").attr("src", src);
		});
	});
</script>