import alertEl from './index.vue'
|
import Vue from 'vue'
|
const Alert = Vue.extend(alertEl)
|
const alertFnc = (msg, title, callback) => {
|
// 实例化弹窗子类
|
var alertVm = new Alert({
|
propsData: {
|
isShow: true,
|
title: title
|
}
|
})
|
|
// 指定弹窗默认插槽的内容
|
alertVm.$slots.default = [msg]
|
|
var alertEl = document.createElement('div')
|
document.body.appendChild(alertEl)
|
alertVm.$mount(alertEl) // 挂载到元素
|
|
// 定义关闭事件，在弹窗子类里面触发
|
alertVm.$on('close', () => {
|
alertVm.isShow = false
|
|
alertVm.$nextTick(() => {
|
alertVm.$destroy()
|
alertEl.remove()
|
})
|
|
if (callback) callback()
|
})
|
}
|
var alertPlugin = {}
|
alertPlugin.install = function (Vue, options) {
|
Vue.prototype.$alert = function (msg, title, callback) {
|
alertFnc(msg, title, callback)
|
}
|
}
|
export default alertPlugin
|
