tian-yan-yan/src/components/ErrorMsg/index.js

一套不算好用的组件

import Vue from "vue";
import tyErrorMsg from './index.vue'


/*tyErrorMsg.install = Vue => Vue.component(tyErrorMsg.name, tyErrorMsg)

export default tyErrorMsg*/


// 手动挂载加载框
const errorMsg = Vue.extend(tyErrorMsg)
let errorMsgNew = null
// 挂载加载框
const tyErrorMsgDom = ({message,background,color}) => {
  errorMsgNew = new errorMsg({
    el: document.createElement('div')
  });
  errorMsgNew.show = true
  errorMsgNew.message = message
  errorMsgNew.background = background
  errorMsgNew.color = color
  document.body.appendChild(errorMsgNew.$el)
}

/**
 * 打开错误提示弹框
 * @param {Object|String} obj {message-错误信息，background-背景颜色，color-字体颜色}
 */
export const tyShowErrorMsg = (obj) => {
  let data = {}
  if (typeof obj === 'object'){
    data = obj
  }else {
    data.message = obj
  }


  if (errorMsgNew){
    errorMsgNew.message = data.message

    if (typeof obj === 'object'){
      errorMsgNew.background = data.background
      errorMsgNew.color = data.color
    }

    return
  }

  tyErrorMsgDom(data)
}

// 关闭错误提示弹框
export const tyCloseErrorMsg = () => {
  errorMsgNew.close()
  errorMsgNew = null
}