elMessage.js
javascriptimport {Message} from 'element-ui' const tipsEvent=(options)=>{ console.log(document.querySelectorAll('.el-message')); const dom=document.querySelectorAll('.el-message')[0] if(dom==undefined){ Message(options) } } const typeList=['success','error','info','warning'] typeList.forEach(item=>{ tipsEvent[item]=options=>{ const ele=document.querySelectorAll('.el-message')[0] if(ele==undefined){ Message[item](options) } } }) export const tips=tipsEvent
main.js中全局挂载
javascriptimport Vue from 'vue' import {tips} from '@/utils/elMessage.js' Vue.prototype.$message=tips;//在这里建议取相同的名称,因为是为了覆盖框架默认的this.$message
index.vue中使用
javascript<script> export default { name: 'index', methods: { handleTap(){ this.$message({ type:'warning', message:'警告提示触发了' }) } } } </script>
优化elementUI的Message消息提示连续触发,满屏显示问题
路光.2023-11-15 1:05
相关推荐
zqx_713 分钟前
随记 前端框架React的初步认识惜.己30 分钟前
javaScript基础(8个案例+代码+效果图)什么鬼昵称1 小时前
Pikachu-csrf-CSRF(get)长天一色1 小时前
【ECMAScript 从入门到进阶教程】第三部分:高级主题(高级函数与范式,元编程,正则表达式,性能优化)NiNg_1_2341 小时前
npm、yarn、pnpm之间的区别秋殇与星河2 小时前
CSS总结NiNg_1_2342 小时前
Vue3 Pinia持久化存储读心悦2 小时前
如何在 Axios 中封装事件中心EventEmitterBigYe程普2 小时前
我开发了一个出海全栈SaaS工具,还写了一套全栈开发教程神之王楠2 小时前
如何通过js加载css和html