如何在 layui 登录页面设置跳转
layui 框架提供了便捷的方式来设置登录页面跳转。具体步骤如下：
1. 添加跳转代码
在 login.html 页面中，在登录表单提交按钮的点击事件中添加以下代码：
form.on('submit(login)', function(data){
if(data.field.username === 'admin' && data.field.password === '123456'){
// 成功登录，跳转到指定页面
window.location.href = 'index.html';
}else{
// 登录失败，提示错误信息
layer.msg('用户名或密码错误');
}
return false;
});2. 修改 form 配置
在 lay-filter="login" 的 form 元素中，添加以下配置项：
原理解释：
- 当用户点击登录按钮时，
form.on('submit(login)'函数被触发。 - 如果用户名和密码正确，则跳转到
window.location.href指定的页面。 -
name="redirect"的隐藏输入字段用于指定跳转的目标页面。当 form 提交时，该值将被传递到服务器端。 - 在服务器端，可以根据
redirect参数的值进行跳转，从而实现登录后跳转到指定页面的功能。
