dialog（對(duì)話框）
創(chuàng)建并顯示對(duì)話框，彈出的對(duì)話框?yàn)榉亲枞Ｊ?#xff0c;用戶點(diǎn)擊對(duì)話框上的按鈕后關(guān)閉( h5模式的對(duì)話框也可通過(guò) closepopup關(guān)閉 )，并通過(guò)callback函數(shù)返回用戶點(diǎn)擊按鈕的索引值或輸入框中的值。
Dialog 組件包含:

• alert 警告框
• confirm 確認(rèn)框
• prompt 輸入對(duì)話框
• toast 消息提示框

mui會(huì)根據(jù)ua判斷,彈出原生對(duì)話框還是h5繪制的對(duì)話框,在基座中默認(rèn)會(huì)彈出原生對(duì)話框,可以配置type屬性,使得彈出h5模式對(duì)話框

兩者區(qū)別:1.原生對(duì)話框可以跨webview,2.h5對(duì)話框樣式統(tǒng)一而且可以修改對(duì)話框?qū)傩曰驑邮?/p>

1.alert 警告框

.alert( message, title, btnValue, callback [, type] ) message Type: String 提示對(duì)話框上顯示的內(nèi)容 title Type: String 提示對(duì)話框上顯示的標(biāo)題 btnValue Type: String 提示對(duì)話框上按鈕顯示的內(nèi)容 callback Type: Function 提示對(duì)話框上關(guān)閉后的回調(diào)函數(shù) type Value: 'div' 是否使用h5繪制的對(duì)話框

2.confirm 確認(rèn)框

.confirm( message, title, btnValue, callback [, type] ) message Type: String 提示對(duì)話框上顯示的內(nèi)容 title Type: String 提示對(duì)話框上顯示的標(biāo)題 btnValue Type: Array 提示對(duì)話框上按鈕顯示的內(nèi)容 callback Type: Function 提示對(duì)話框上關(guān)閉后的回調(diào)函數(shù) type Value: 'div' 是否使用h5繪制的對(duì)話框

3.prompt 輸入對(duì)話框

.prompt( message, placeholder, title, btnValue, callback[, type] ) message Type: String 提示對(duì)話框上顯示的內(nèi)容 placeholder Type: String 編輯框顯示的提示文字 title Type: String 提示對(duì)話框上顯示的標(biāo)題 btnValue Type: Array 提示對(duì)話框上按鈕顯示的內(nèi)容 callback Type: Function 提示對(duì)話框上關(guān)閉后的回調(diào)函數(shù) type Value: 'div' 是否使用h5繪制的對(duì)話框

如果有定制對(duì)話框樣式的需求( 只能修改h5模式對(duì)話框)可以在mui.css中修改.mui-popup類下的樣式
如果需要修改DOM結(jié)構(gòu)可以按照以下方式處理.

//修改彈出框默認(rèn)input類型為password mui.prompt('text','deftext','title',['true','false'],null,'div') document.querySelector('.mui-popup-input input').type='password'

4.toast 消息提示框

.toast( message [,options])

message:'String' - 消息框顯示的文字內(nèi)容options: {JSON} - 提示消息的參數(shù)

options 參數(shù)需要mui v3.5+支持
options參數(shù)以及說(shuō)明

mui.toast('登陸成功',{ duration:'long', type:'div' })

參考文檔：MUI

總結(jié)

以上是生活随笔為你收集整理的MUI 弹出消息框的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。