美文网首页
模仿饿了么UI设计全局消息框

模仿饿了么UI设计全局消息框

作者: XinZhu_8163 | 来源:发表于2018-10-04 17:24 被阅读0次
      import MessageBox from 'XXX.vue'
    let MessageConstructor = Vue.extend(MessageBox);
    const Message = function (options) {
    let options = {
    data:options
    }
     let instances = MessageConstructor(options);
     instances.vm = instances .$mount();
    document.body.appendChild(instances.vm.$el);
    return instance.vm;
    }
    /***
      删除组件
    ***/ 
    destroyElement: function destroyElement() {
           //this.$el.addEventListener('transitionend', this.destroyElement);
          this.$el.removeEventListener('transitionend', this.destroyElement);
          this.$destroy(true);
          this.$el.parentNode.removeChild(this.$el);
        }
    
    

    相关文章

      网友评论

          本文标题:模仿饿了么UI设计全局消息框

          本文链接:https://www.haomeiwen.com/subject/kobxaftx.html