layui的确定弹出框
时间: 2024-08-18 22:00:15 浏览: 163
layer窗口弹出
4星 · 用户满意度95%
layui是一个轻量级的前端UI框架,它提供了一个简洁易用的方式来创建用户界面组件,包括弹出层。确定弹出框在layui中通常通过`layModal`函数来创建,这个函数可以设置对话框的内容、标题、按钮以及回调处理等。例如:
```html
<button lay-event="click">点击显示确定弹框</button>
<script>
layui.use('layer', function () {
layer.open({
type: 1, // 弹窗类型,1表示普通层
title: '提示信息',
content: '这是一条确认消息',
btn: ['确定', '取消'], // 提供两个按钮
yes: function(index, layero){ // 确定按钮的回调
console.log('确定了');
layer.close(index); // 关闭当前弹窗
},
cancel: function(index, layero){ // 取消按钮的回调
console.log('取消了');
layer.close(index);
}
});
});
</script>
```
在这个例子中,点击按钮会弹出一个包含“确定”和“取消”按钮的对话框,当用户点击“确定”时,会打印出“确定了”,并关闭弹框;点击“取消”则打印“取消了”。
阅读全文