1. 新增message.js
/*
* @Author : wyatt
* @Date : 2021-08-11 19:30:38
* @LastEditors : wyatt
* @LastEditTime : 2021-08-11 19:38:30
* @Description : 重置element ui message样式
*/
/**防止重复点击重复弹出message弹框 */
import { Message } from "element-ui";
//定义一个新的Message方法，多传入一个offset参数
const resetMessage = (options) => {
return Message({
...options,
offset: 60,
});
};
//重写一遍success的方法,将offset写入options
["success", "warning", "info", "error"].forEach((type) => {
resetMessage[type] = (options) => {
if (typeof options === "string") {
options = {
message: options,
offset: 200,
};
}
options.type = type;
return Message(options);
};
});
export const message = resetMessage;
2. main.js中引入
// element-ui 全局配置Message距离窗口顶部的偏移量（offset）
import { message } from "./utils/message.js";
Vue.prototype.$message = message;
