element ui Message如何修改全局配置？

Question

在Vue的main.js里面，按照下文的方法是可行的。
element-ui 全局配置Message提示距离窗口顶部的偏移量\_element message 样式全局\_卿本无忧的博客-CSDN博客

但我想在request.js（这个文件是用来写axios请求interceptors的）里面加全局配置，就不行了，因为没有Vue对象。这时候应该怎么写呢？我不想一个个的在Message里面写option。有好的解决办法吗？

Answer 1

问题解决了，还是这样写：

import Vue from 'vue';
import { Message } from 'element-ui';
//定义一个新的Message方法，多传入一个offset参数
const $message = options => {
  return Message({
    ...options,
    offset: 200
  });
};
 
//重写方法,将offset写入options
['success', 'warning', 'info', 'error'].forEach(type => {
  $message[type] = options => {
    if (typeof options === 'string') {
      options = {
        message: options,
        offset: 200
      };
    }
    options.type = type;
    return Message(options);
  };
});
//将$message挂载到this上
Vue.prototype.$message = $message;
//不加这行代码运行this.$message.closeAll时会报错
Vue.prototype.$message.closeAll = Message.closeAll;

无非不挂载到this上，直接用$message.error就行