element-ui 消息提示全局修改

素颜马尾好姑娘i 2023-02-14 02:36 12阅读 0赞

重写element-ui提供的方法  
  
![在这里插入图片描述][format_png_align_left_display_inline_height_182_margin_5Bobject_20Object_5D_name_image.png_originHeight_182_originWidth_1322_size_18654_status_done_style_none_width_1322_pic_center]

Vue.prototype.$message = function(msg) { 
      ElementUI.Message({  ...msg, duration: 1000 })
    }
    
    Vue.prototype.$message.error = function(msg) { 
      return ElementUI.Message.error({ 
        message: msg,
        duration: 1000
      })
    }
    
    Vue.prototype.$message.success = function(msg) { 
      return ElementUI.Message.success({ 
        message: msg,
        duration: 1000
      })
    }

[format_png_align_left_display_inline_height_182_margin_5Bobject_20Object_5D_name_image.png_originHeight_182_originWidth_1322_size_18654_status_done_style_none_width_1322_pic_center]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9jZG4ubmxhcmsuY29tL3l1cXVlLzAvMjAyMC9wbmcvMjM5NTA0LzE1OTA5MDMxNTgyMDYtZTQ2ODFjNTItZWM5My00NjFlLTg0OTEtNGFhMWMwM2YwZjljLnBuZw?x-oss-process=image/format,png#align=left&display=inline&height=182&margin=%5Bobject%20Object%5D&name=image.png&originHeight=182&originWidth=1322&size=18654&status=done&style=none&width=1322#pic_center

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关 element-ui 消息提示全局修改

重写element-ui提供的方法 ![在这里插入图片描述][format_png_align_left_display_inline_height_182_marg

素颜马尾好姑娘i/ 2023年02月14日 02:36/ 0 赞/ 13 阅读

相关 vue 如何写出仿elementui的message消息提示

利用render（虚拟dom）定义template组件就是正常的组件起名为index.vue <template> <transition n

秒速五厘米/ 2022年11月28日 10:43/ 0 赞/ 256 阅读

相关 ElementUI table 样式修改

一、概述 element-ui table 默认是白色背景，现在需要修改为黑色背景，白色文字。二、代码实现 css样式 <style> /

我不是女神ヾ/ 2022年11月01日 00:46/ 0 赞/ 40 阅读

相关 Vue——ElementUI 如何修改this.$message消息提示框样式及内容样式

产品需求：要求提示信息换行时单词不能分开 ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_te

本是古典何须时尚/ 2022年09月10日 03:11/ 0 赞/ 553 阅读

相关 ElementUI--个性化修改

原文网址：[ElementUI--个性化修改\_IT利刃出鞘的博客-CSDN博客][ElementUI--_IT_-CSDN] 其他网址展开/折叠效果菜单

以你之姓@/ 2022年09月03日 01:23/ 0 赞/ 177 阅读

相关全局等待提示框

xmal代码（Loading.xaml）： <UserControl x:Class="Longshine.SLLib.CommonXaml.Loading"

朱雀/ 2022年04月22日 03:48/ 0 赞/ 216 阅读

相关 Notice-Message消息提示

常用于主动操作后的反馈提示。与 Notification 的区别是后者更多用于系统级通知的被动提醒。当需要自定义更多属性时，Message 也可以接收一个对象为参数。比如，

忘是亡心i/ 2022年03月22日 04:10/ 0 赞/ 293 阅读

相关 iview设置全局提示

前言 iview里有封装好的全局提示的方法，这为我们的开发提供了便利。iview里的全局提示有预先设置好的位置和显示时间，但是这其实也是可以自己设置的。没有进行

ゝ一世哀愁。/ 2022年02月26日 12:58/ 0 赞/ 490 阅读

相关消息框-提示框

今天找到一个非常简单的提示消息弹出框直接上代码 html ![1500786-20181012154016519-1839245572.png][] css

迷南。/ 2021年09月29日 23:38/ 0 赞/ 490 阅读

相关重构-消息提示框

动画: 消息下滑出现点击消息上移消失消失时后面所有消息框上移滑动实现: seed消息个数 i

淡淡的烟草味﹌/ 2021年07月25日 01:58/ 0 赞/ 586 阅读