Electron消息对话框

xiaohai 2021-05-17 21:02:39 共6207人围观 标签： 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

相同类型文章

热门标签

每日一句

    爱情是理想的—致，意志的融合。

    ——莎士比亚

今日排行

  • Electron打包错误“Error: Application entry file ..”解决方案

    打包出现如下错误：Error: Application entry file "dist\electron\main.js" in the "D:\gui\demo2\build\win-unpacked\resources\app.asar" does not exist. Seems like a wrong configuration.

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • Nginx分割日志文件

    Nginx作为使用量非常大的Web服务器，但是如果遇到一个访问量比较大的网站，其访问日志会快速的进行增长，如果一直将所有的访问日志存放在一个文件中肯定是不对的，所以我们就需要对访问量大的访问日志进行分割，然后按照一定的时间删除不需要的日志文件。

  • Laravel增加URL参数

    在做搜索列表分页的时候，需要分页后的页面跳转的url地址中包含搜索的参数，在Laravel中的如何处理呢？

  • 图片视频下载利器：you-get

    you-get是一个基于Python的开源命令行工具，主要用于下载来自多个视频网站的视频、音频和图片资源。它支持YouTube、Bilibili、Vimeo等平台，可通过简单命令快速获取下载链接并支持自定义保存路径和格式。 ‌

点击排行

友情链接