Electron-vue dialog.messageBox 组件使用

dialog.messageBox组件

dialog.messageBox 组件是 electron 的原生组件，在不同系统中的样式不同，本文主要介绍在 win10 下的显示效果

---

一、dialog.messageBox组件调用

const{dialog} = require("electron")
或
import {dialog} from "electron"

二、使用

1. 基本样式

代码如下（示例）：

 dialog.showMessageBox({
        type: 'info',
        title: '提示信息',
        defaultId: 0,
        message:"确定要退出登录吗？",
        buttons:['取消','确定']
    },(index) => {
        if(index === 0){
        	//取消按钮事件            
        }else{
        	//确定按钮事件
        }
    });

效果如下：

2. 自定义样式

自定义消息提示框样式，可以添加自定义图标，改变按钮样式为大众比较能接受的样式
代码如下（示例）：

dialog.showMessageBox({
	type: 'info',
	noLink:true, // 按钮并列显示在右下角
	title: '提示信息',
	icon:path.join(__static,"./zero.ico"), // 自定义提示消息图标
	defaultId: 0,
	message:"确定要退出登录吗？",
	buttons:['取消','确定']
},(index) => {
	if(index === 0){
		//取消按钮事件            
	}else{
		//确定按钮事件
	}
});

效果如下：

---