运用Vue与d3.js制造的一款弹框插件

演示地点

运用与装置

//装置

npm install

//运转

npm run build

运用到的东西

• gulp

• rollup

• vue

• d3

• jsdoc

• sass

目次构造

完成思绪

运用d3.js和vue.js做好控件后在大众接口处举行控件实例化

症结代码：

import modalbase from './modal.vue'
let ModalConstructor = Vue.extend(modalbase)

export const ModalFactory = function (options = {}) {
    
    ... //举行propsData的设置
    
    instance = new ModalConstructor({
      el: document.createElement('div'),
      propsData: defaultOptions
    })
    
    ... //绑定事宜及别的操纵
    
    document.body.appendChild(instance.$el)
    
    return new Promise(function(resolve,reject){
        instance.open().then(function(){
              instance
                  .$el
                  .parentNode
                  .removeChild(instance.$el)
              
              ... // 开释内容及别的处置惩罚
        })
    })
}