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>


总结:

不推荐使用第一种方式

可以根据页面应用功能,使用第二种或者第三种方式