Electron消息对话框

xiaohai 2021-05-17 21:02:39 共5644人围观 标签： Electron 
简介普通的消息对话框dialog.showMessageBox()
showMessageBox 相关属性

它有太多的属性，这里我们也只挑一些常用的属性来讲解，如果你在工作中具体使用，可以先到官网查询相关的API后，再根据需求具体使用。

  • type ：String类型，可以选，图标样式，有none、info、error、question和warning
  • title: String类型，弹出框的标题
  • messsage : String 类型，必选 message box 的内容，这个是必须要写的
  • buttons: 数组类型，在案例中我会详细的讲解，返回的是一个索引数值（下标）

页面新增：

<button id="msgBtn">消息提示</button>

在渲染进程中添加如下代码：

const { remote } = require('electron')

window.onload = function () {

    var msgBtn = document.querySelector('#msgBtn')
    msgBtn.onclick = function (e) {
        remote.dialog.showMessageBox({
            type: 'question',
            title: '标题',
            message: '提示内容',
            buttons: ['确定', '取消']
        }).then((index) => {

            if (index.response === 0) {
                console.log('点击了确定按钮')
            } else {
                console.log('点击了取消按钮')
            }
        })
    }
}

运行效果：


图片alt

相同类型文章

热门标签

每日一句

    真相永远只有一个。

    ——柯南

今日排行

  • Golang编译打包Vue项目到二进制包

    Golang打包一般的静态资源文件到二进制文件中还是比较简单，但是如果遇到使用Vue编写的后台界面，该如何打包呢？本文就是记录如何打包Vue到二进制包

  • 音乐推荐《是妈妈是女儿》

    《是妈妈是女儿》聚焦母女间未曾言明的爱意，以书信对话的形式呈现出各自的内心独白，表达彼此的牵挂。黄绮珊与希林娜依·高用跨越时空、打开心扉、深情对唱的形式，将天下母女爱的寄语化作心灵的倾诉。黄绮珊的每一句话，每一个字都演绎出了妈妈对女儿的爱，而希林依娜·高把女儿对妈妈的爱由不理解到理解再到感恩演绎得淋漓尽致。

  • 平衡树(Balance Tree，BT)

    平衡树(Balance Tree，BT) 指的是，任意节点的子树的高度差都小于等于1。

  • Shell脚本打包Go、Vue和上传至Docker仓库记录

    有时候为了打包需要敲很多命令，实在比较麻烦，所以这里记录了如何通过shell脚本将这些命令全部集中起来，后面可以直接执行该脚本就把需要的所有命令跑完。

  • frp安装并配置能web访问(Centos)

    frp 是一个专注于内网穿透的高性能的反向代理应用，支持 TCP、UDP、HTTP、HTTPS 等多种协议。可以将内网服务以安全、便捷的方式通过具有公网 IP 节点的中转暴露到公网。

点击排行

友情链接