分享原创基于 Vue2 多功能弹出窗口组件 v-dialogs v1.10 版本

[Terry05]

版本更新内容：

• 修复连续弹出和关闭窗口时，最后一个窗口不会被关闭的问题
• 窗口增加部分动画效果
• 增加 singletonKey 配置项目，用于设置全局唯一的键值，以保证同一类型的窗口只弹出一次（例如系统错误类）
• 支持 i18n 国际化，自带支持 cn/en/jp 三种语言
• 增加 Alert 的 Confirm 模式下，取消按钮的专用事件
• 解决窗口回调事件在部分特殊情况下不执行的问题

插件简介：

v-dialogs

基于 Vue2.x 的简洁易用多形态的弹出窗口，其包含了 模态窗口(Modal)、消息对话框(Alert)、遮罩(Mask)、边角提示框(Toast)等功能

使用入门、文档、实例 更多文档和实例请访问：

• English site
• 国内站点

Install

npm i v-dialogs --save

在项目入口处引入并安装

import Vue from 'vue'
import vDialog from 'v-dialogs';
...

Vue.use(vDialog);

插件预览

Model

Alert

Mask

Toast

jQuery 版本插件：bDialog

[fy]

还行。。。只是 min.js 63kb 是不是太多了？

当然集成了这么多功能的情况下是免不了了。。

[Terry05]

@fy 主要是打包了部分 iconfont 的图标