vue.extend实现alert模态框弹窗组件

vue.extend实现alert模态框弹窗组件

本文通过vue.extend创建组件构造器的方法写弹窗组件，供大家参考，具体内容如下

alert.js文件代码

import Vue from 'vue'

// 创建组件构造器

const alertHonor = Vue.extend(require('./alert.vue'));

var currentMsg = {callback:function(){

}}

export default function(options){

var alertComponent = new alertHonor({el: document.createElement('div')});

alertComponent.title = options.title;

alertComponent.ranking = options.ranking;

// 把alertHodLVBPALQMwnor.vue加入body中

alertComponent.$appendTo(document.body);

// 回调函数

alertComponent.callback = function(action) {

if (action == 'share') {

options.share();

}

};

}

alert.vue代码

{{ranking}}

引用页面代码

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。