layer.confirm()是Layer中的一个方法,用于弹出一个确认框,让用户进行确认操作。常用于删除或其他重要操作的确认提示。
使用方法如下:
-
首先需要引用Layer的js和css文件,与layer.msg()使用方法一样。
-
调用 layer.confirm() 方法,传入需要显示的提示内容和配置项即可。例子:
layer.confirm('您确定要删除该条记录吗?', {icon: 3, title:'提示'}, function(index){
//用户点击了确定按钮,执行相关操作
layer.close(index); //关闭当前弹窗
});
在例子中:
- 第一个参数为需要显示的确认信息内容。
- options 对象用于设置一些配置项,其中icon属性用于设定图标,title属性用于设定标题。
除了icon和title属性之外,还可以设置以下配置项:
- btn:设置确认框按钮的显示文本及回调函数,如:[‘确认’, ‘取消’],或{ 确认: function(){}, 取消: function(){} }。
- area:设置确认框的宽度和高度,可以使用数组或者字符串,如:‘400px’,[‘300px’, ‘200px’]。
- zIndex:确认框层级,值越大显示越在上面。
- anim:设置确认框的弹出动画,值为 0-6 ,默认无动画。
其中,确认框的回调函数参数为index,可以通过调用layer.close(index)方法来手动关闭确认框。
除此之外,layer.confirm()方法还可以通过返回值的方式获取用户点击的按钮,如下例子所示:
layer.confirm('您确定要删除该条记录吗?', function(index){
//用户点击了确认按钮
layer.close(index);
//执行相关操作
}, function(index){
//用户点击了取消按钮
layer.close(index);
});
在例子中,第二个参数的回调函数表示用户点击了确认按钮,第三个参数的回调函数表示用户点击了取消按钮。
以上就是使用 Layer.confirm() 方法的简要步骤和配置项介绍。