layui怎么跳转页面

layui 页面跳转有三种方法：使用 layui.laypage 模块、layui.layer 模块，或直接使用 window.location.href 属性。

如何使用 layui 跳转页面？

layui 提供了多种方法来实现页面的跳转，以下介绍三种最常用的方法：

1. 使用 layui.laypage 模块

layui.laypage 模块提供了分页功能，也可以用于页面跳转。用法如下：

layui.use(['laypage'], function(){
  layui.laypage({
    // 页数
    pages: 10, 
    // 当前页
    curr: 2, 
    // 容器
    cont: 'page', 
    // 跳转到指定页
    skip: true,
    jump: function(obj, first){
      if(!first){
        // 获取跳转页的页码
        var page = obj.curr;
        // 执行页面跳转
        location.href = "page" + page + ".html";
      }
    }
  });
});

登录后复制

2. 使用 layui.layer 模块

layui.layer 模块提供了弹出层功能，也可以用于页面跳转。用法如下：

layui.use(['layer'], function(){
  // 打开一个弹出层
  layer.open({
    type: 2, // iframe类型
    title: '页面跳转', // 标题
    content: 'page.html', // 跳转页面的地址
    area: ['80%', '90%'] // 弹出层大小
  });
});

登录后复制

3. 直接使用 window.location.href

window.location.href 属性可以用来直接跳转页面。用法如下：

// 跳转到指定页面
window.location.href = "page.html";

登录后复制

以上就是layui怎么跳转页面的详细内容，更多请关注叮当号网其它相关文章！