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