Layui Admin单页面中子页面跳转控制
使用Layui admin模版时候,页面跳转控制方式
1、第一种 常规的 a标签当前页面跳转
<a href="{:url('add')}" class="layui-btn layuiadmin-btn-admin" > 添加 </a>
这种方式,会在当前选项卡打开子页面,缺点是左侧菜单点击管理页面时候无法返回父级列表页面
2、第二种 新开选项卡方式打开 a标签 链接
<a lay-href="{:url('add')}" class="layui-btn layuiadmin-btn-admin" > 添加 </a>
3、第三种 使用弹窗方式打开页面
HTML代码
<button type="button" onclick="addData()" class="layui-btn layuiadmin-btn-admin" > 添加 </button>
JavaScript
<script> function addData() { layer.open({ type: 2 ,title: '添加' ,content: "{:url('add')}" ,maxmin: true ,btn: ['确定', '取消'] ,yes: function(index, layero){ //点击确认触发 iframe 内容中的按钮提交 var submit = layero.find('iframe').contents().find(".submitDataBut"); submit.click(); } ,success: function(layero,index){ // 点击最大化按钮的时候会触发这个函数 // 执行最大化 layer.full(index); } }); } </script>
总结:
不推荐使用第一种方式
可以根据页面应用功能,使用第二种或者第三种方式