Vue EasyUI 消息窗口

2020-06-24 17:08 更新

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

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認值
ok string 確定按鈕文本。 Ok
cancel string 取消按鈕文本。 Cancel
title string 消息標題。
msg string 要在對話框中顯示的消息。
icon string 要在對話框上顯示的圖標類。

方法列表

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

  • alert方法代碼實例:

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

  • confirm方法代碼實例:

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

  • prompt方法代碼實例:

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

  • 參考圖例

消息窗口

注:
- 繼承: None 。

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號