ivue-material/src/components/ivue-notification/index.js

A high quality UI components Library with Vue.js

import IvueNotification from './ivue-notification.vue';
import Vue from 'vue';

// 创建新实例
IvueNotification.newInstance = (property) => {
      const _props = property || {};

      const Instance = new Vue({
            render (h) {
                  return h(IvueNotification, {
                        props: _props
                  });
            }
      });

      const component = Instance.$mount();
      document.body.appendChild(component.$el);
      const ivueNotification = Instance.$children[0];

      return {
            notice (props) {
                  ivueNotification.add(props);
            },
            remove (name) {
                  ivueNotification.close(name);
            },
            destroy (element) {
                  ivueNotification.closeAll();

                  setTimeout(() => {
                        document.body.removeChild(document.getElementsByClassName(element)[0]);
                  },500);
            },
            component: ivueNotification
      }


}



export default IvueNotification;