简要介绍

SweetAlert2是一款JavaScript用于弹出框提示的零依赖组件。它的最大特点是漂亮到让人眼前一亮的感觉，github上也有一万两千多颗星，足见其受欢迎的程度。它的设置上给予前端工程师很高的灵活性，可以设置不同的图标、动画、按钮、图片等等。目前已支持与主流的React、Vue、Angular框架的集成。目前最新版本：v10.10.4。

Github地址

https://github.com/sweetalert2/sweetalert2

安装

npm install sweetalert2

引用

<script src="sweetalert2.min.js"></script>

<link rel="stylesheet" href="sweetalert2.min.css">

或者

// ES6 Modules or TypeScript

import Swal from 'sweetalert2'

效果

Swal.fire({

title: 'Error!',

text: 'Do you want to continue',

icon: 'error',

confirmButtonText: 'Cool'

})