关于MUI的对话框

最新推荐文章于 2021-01-29 08:47:44 发布

原创最新推荐文章于 2021-01-29 08:47:44 发布 · 823 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#mui #dialog

tips 专栏收录该内容

25 篇文章

订阅专栏

博主在电商项目中使用MUI，对其对话框dialog组件进行总结。Dialog组件包含alert、confirm、prompt、toast等，博主使用较多的是confirm和toast，且内容可解析html代码，能自定义结构。

最近在使用MUI进行一个电商类项目，很多地方用到了其中的对话框dialog组件，做一个简单的总结
Dialog组件包括
alert 警告框
在这里插入图片描述
confirm 确认框

prompt 输入对话框

toast 自动消失提示框

我使用较多的是confirm和toast

toast

 mui.toast(message,{ option }) 
 
// message:'String' - 消息框显示的文字内容

//options: {JSON}  - 提示消息的参数
//**options 参数需要mui v3.5+支持

//duration	持续显示时间,默认值 short(2000ms)	支持 整数值 和 String ,
//String可选: long(3500ms),short(2000ms)
//type	强制使用mui消息框(div模式)	'div'

confirm

mui.confirm('这里是内容', '标题', ['确认', '取消'], function (e){
	if (e.index == 0) {
                console.log('点击确认')
            } else {
                console.log('点击取消')
            }
});

内容可以解析html代码，可以自己再写结构