使用 Layui 跳转到新页面

在 layui 中跳转到新页面可以通过 layui.open() 方法实现，参数包括：url：需要跳转到的页面地址type：指定页面类型，1为页面层，2为iframe层title：设置页面标题area：设置页面宽高，格式为["宽度", "高度"]

如何在 Layui 中跳转到新页面？

在 Layui 框架中，可以通过 layui.open() 方法实现跳转到新页面的功能。语法格式如下：

layui.open({
  url: "页面地址",
  type: 类型(1: 页面层; 2: iframe层),
  title: 标题,
  area: ["宽度", "高度"],
  content: "内容",
  resize: 是否允许拉伸,
  move: 是否允许拖拽
});

登录后复制

示例：

打开一个新页面并设置标题和尺寸：

layui.open({
  url: "new_page.html",
  type: 1,
  title: "新页面",
  area: ["500px", "300px"]
});

登录后复制

参数说明：

• url: 需要跳转到的页面的地址。
• type: 指定打开页面的类型，1 为页面层，2 为 iframe 层。
• title: 设置打开页面的标题。
• area: 设置打开页面的宽高，格式为 ["宽度", "高度"]。
• content: 设置打开页面的内容，可以是字符串或 DOM 元素。
• resize: 是否允许拉伸打开的页面，默认为 true。
• move: 是否允许拖拽打开的页面，默认为 true。

通过 layui.open() 方法，可以轻松实现 Layui 页面中的跳转功能，满足不同场景下的需求。

以上就是使用 Layui 跳转到新页面的详细内容，更多请关注抖狐科技其它相关文章！