请选择 进入手机版 | 继续访问电脑版
MSIPO技术圈 首页 IT技术 查看内容

Vue中使用SweetAlert实现精美提示和对话框

2023-07-02

一,  安装依赖

npm install --save sweetalert

 二, main.js 全局引入

import swal from 'sweetalert';

 三, 使用组件

swal({
  title: "Good job!",
  text: "You clicked the button!",
  icon: "success",
  button: "Aww yiss!",
});
title:标题
text:内容文字
icon:图标 "warning""error""success", "info"
button:按钮

 

具体内容可浏览 SweetAlert  文档

文档地址:https://sweetalert.js.org/

 注意 :填个坑 !!! 移动端使用SweetAlert时,不要在css里设置html元素的font-size值,否则会影响sweetAlert弹框的位置,导致不居中!

 

相关阅读

热门文章

    手机版|MSIPO技术圈 皖ICP备19022944号-2

    Copyright © 2024, msipo.com

    返回顶部