React EasyUI 消息窗口

2020-06-24 12:12 更新

消息窗口( Messager )提供不同樣式的消息窗口,如警示( alert )、確認(rèn)( confirm )等。 消息窗口( Messager )都是異步的。用戶可以在與消息窗口交互后使用回調(diào)函數(shù)以完成一些動(dòng)作。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
title string 消息標(biāo)題。
msg string 要在對(duì)話框中顯示的消息。
icon string 要在對(duì)話框上顯示的圖標(biāo)類。
content function 呈現(xiàn)內(nèi)容的函數(shù)。

方法列表

名稱 參數(shù) 返回值 作用描述
alert options void 顯示警告消息對(duì)話框。
confirm options void 顯示確認(rèn)消息對(duì)話框。
prompt options void 顯示提示消息對(duì)話框。

  • alert方法代碼實(shí)例:

this.messager.alert({
    title: "Info",
    icon: "info",
    msg: "Here is a info message!"
});

  • confirm方法代碼實(shí)例:

this.messager.confirm({
    title: "Confirm",
    msg: "Are you confirm this?",
    result: r => {
      if (r) {
        alert("confirmed: " + r);
      }
    }
});

  • prompt方法代碼實(shí)例:

this.messager.prompt({
    title: "Prompt",
    msg: "Please type something",
    result: r => {
      if (r) {
        alert("you type: " + r);
      }
    }
});

  • 參考圖例

消息窗口

注:
- 繼承: LocaleBase 。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)