mui中的一些弹窗

本文详细介绍了如何在Mui框架中使用各种弹窗功能,包括mui.alert()、mui.confirm()和mui.prompt(),以及mui.toast()。通过实例展示了如何添加回调函数、自定义按钮文本,并解释了各弹窗的不同应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、mui.alert();

直接使用:

   mui.alert("弹出的消息框提示内容!")感觉有点类似alert功能但是他有个遮罩层

带有回调函数的使用:

var info = document.getElementById("info");                  //专门用来存放弹出消息的一个div

 mui.alert('欢迎使用HelloMUI', 'Hello MUI', function() {

        info.innerText= '你刚关闭了警告框';

                });



2、mui.comfirm()确认框

var  btnArray=['否','是'];    //注意这里的顺序是先否再是

mui.confirm("MUI是个好框架,确认?", 'Hello MUI',btnArray, function(e) {

                    if(e.index == 1) {     //索引是1的就是选择的是

                        info.innerText= '你刚确认MUI是个好框架';

                    }else {

                        info.innerText= 'MUI没有得到你的认可,继续加油'

                    }


3、mui.prompt()

var  btnArray=['取消','确定'];    //注意这里的顺序是先否再是

mui.prompt("请输入您对mui的评语",“性能好”,'Hello MUI' ,btnArray,function(){

                                    if (e.index == 1) {
info.innerText = '谢谢你的评语:' + e.value;
} else {
info.innerText = '你点了取消按钮';
}
})


4、mui.toast()有点像是mui.alert()但是它是弹出的信息直接在页面的最底部显示,过一段时间就自动消失了

mui.toast('欢迎体验Hello MUI')


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值