調(diào)用方式 Vue.prototype.$msgTip.showTip({title: '綁定手機(jī)號(hào) 使用全部服務(wù)',bottomx:'0'})

import toastComponent from './bindingMobile.vue'

const MessageBoxs = {};


MessageBoxs.install = function(Vue, options) {
  const MessageTipInstance = Vue.extend(toastComponent);
  let currentMsg;
  const initInstance = () => {
    // 實(shí)例化vue實(shí)例
    currentMsg = new MessageTipInstance();
    let msgBoxEl = currentMsg.$mount().$el; 
    document.body.appendChild(msgBoxEl);
  };
  // 在Vue的原型上添加實(shí)例方法，以全局調(diào)用
  Vue.prototype.$msgTip = {
    showTip(options) {
      if (!currentMsg) {
        initInstance();
      }
      if (typeof options === 'string') {
        currentMsg.title = options;
      } else if (typeof options === 'object') {
        Object.assign(currentMsg, options);
      }
      return currentMsg; 
    }
  };
};



export default MessageBoxs

image.png