Vue: EasyUI--Messager(消息窗口)

1.属性

名称	类型	描述	默认
ok	string	确定按钮文本。	Ok
cancel	string	取消按钮文本。	Cancel
title	string	消息标题。
msg	string	要在对话框中显示的消息。
icon	string	要在对话框上显示的图标类。

2.方法

名称	参数	返回值	描述
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);
	  }
	}
});

示例

<template>
  <div>
		<h2>Interactive Messager</h2>
		<LinkButton @click="confirm()">Confirm</LinkButton>
		<LinkButton @click="prompt()">Prompt</LinkButton>
  </div>
</template>

<script>
export default {
  methods: {
    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);
          }
        }
      });
    }
  }
};
</script>