微客导航 » 文章资讯 » vue.extend实现alert模态框弹窗组件

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

2023-09-13 14:37:04 163

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

alert.js文件代码

importVuefrom'vue'
//创建组件构造器
constalertHonor=Vue.extend(require('./alert.vue'));

varcurrentMsg={callback:function(){
}}

exportdefaultfunction(options){

varalertComponent=newalertHonor({el:document.createElement('div')});
alertComponent.title=options.title;
alertComponent.ranking=options.ranking;
//把alertHonor.vue加入body中
alertComponent.$appendTo(document.body);

//回调函数
alertComponent.callback=function(action){
if(action=='share'){
options.share();
}
};

}

alert.vue代码

引用页面代码

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐