A popup window components based on Vue!
- #1 引入Vue && message组件
-
import Vue from 'Vue' -
import Message from 'xxx/message' - #2 安装组件
-
Vue.use(Message); - 全局用法：
- Vue.prototype.$message(option);
- 组件内部用法：
- this.$message(option);
- options说明：
- {
-
type: 1, // 消息弹窗类型， -
0:不带按钮的消息弹窗，并且定时N秒后自动关闭，支持配置定时关闭时间 -
1:带有“确认”按钮的消息弹窗， -
2:带有“确认”，“取消”按钮的消息弹窗， -
默认为1，[type:Number] -
title: '', // 消息弹窗标题内容，默认为空字符串，[type: String] -
content: '', // 弹窗正文内容，默认为空字符串，[type: String] -
transitionTime: 0.3, // 打开/关闭弹窗过渡时间，默认是0.3s，[type: Number, 单位:s] -
autoOffTime: 0.3, //自动关闭消息时间，默认是0.3s，[type: Number, 单位:s] -
callback: '' // 回调函数，在弹窗确认按钮点击之后执行，[type: Function] - }