layer.alert自定义按钮
时间: 2024-09-12 20:08:18 浏览: 47
`layer.alert()` 是 layui 框架中用于弹出提示框的一个函数,它允许开发者自定义提示内容以及显示的确认、取消等按钮。如果你想在提示框中添加自定义按钮,你可以这样做:
1. 首先,引入必要的 layui 库,并初始化它。
```javascript
layui.use(['layer'], function() {
var layer = layui.layer;
});
```
2. 使用 `layer.alert` 函数,传入你要展示的消息、按钮配置数组,其中每个元素包含键值对,如标题、消息、图标和点击事件回调等。例如:
```javascript
var buttons = [
{ type: 1, // 0:确定 1:取消,其他数字可以自定义,比如 2 表示“知道了”
name: '确定', // 显示的文字
btn: 'btnOk', // 自定义按钮样式名,layui会自动加上 btn-
shade: true, // 是否有遮罩层,默认true
closeBtn: 2 // 点击关闭按钮是否消失,0不消失,1消失
},
{ type: 0, name: '取消', }
];
layer.alert('这是一个自定义按钮的提示', { buttons: buttons }, function(index) {
if (layui.layer.get(index).index == 1) {
// 如果点击的是第一个(默认的确定按钮),执行这个操作
console.log('用户选择了确定');
} else {
// 另外一个按钮,这里通常是取消
console.log('用户选择了取消');
});
});
```
在这个例子中,用户可以选择“确定”或“取消”,并触发相应的回调函数。
阅读全文