/***重写element-ui $message 解决消息多次弹出的问题**/
import {
Message
} from "element-ui";
let messageInstance = null;
const overrideMessage = (options) => {
if(messageInstance) {
messageInstance.close();
}
messageInstance = Message(options);
};
["error","success","info","warning"].forEach(type => {
overrideMessage[type] = options => {
if (typeof options === "string") {
options = {
message: options
};
}
options.type = type;
return overrideMessage(options);
};
});
/***重写message**/
Vue.use(ElementUI, {
size: "small",
zIndex: 3000
});
Vue.prototype.$message = overrideMessage;
重写element-ui $message 解决消息多次弹出的问题
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 在新版本的element中,官方对 message消息提示 做了修改,修改成一个请求对应一个提示语,这就会导...
- 之前的项目的登录界面改用element-ui实现时,却发现报了如下错误 报错内容如下 原因:缺少匹配规则 解决办法...
- 来源:https://blog.csdn.net/weixin_41997724/article/details/...
- 遇到的问题是:在vue中加入elment-ui中的图标,但是页面上没有显示。页面部分代码为: 页面中就是没有显示图...
- 只能输入整数<el-inputv-model='count'oninput="value=value.replac...