6、用vue2.0extend写alert模态框弹窗组件

fongdaBoy

于 2017-10-20 16:32:05 发布

阅读量3k

点赞数 1

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/iceking66/article/details/78296928

版权

本文介绍如何利用Vue2.0的extend功能创建一个自定义的alert模态框组件，详细展示了alert.js和alert.vue的代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过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;
    // 把alertHonor.vue加入body中
    alertComponent.$appendTo(document.body);

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

最低0.47元/天解锁文章