Hello! 欢迎来到小浪资源网!



使用 Layui 跳转到新页面


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

使用 Layui 跳转到新页面

如何在 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 页面中的跳转功能,满足不同场景下的需求。

相关阅读