elementor 弹窗,element 弹出框
本文主要介绍了元素的消息弹窗重复弹出,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
目录
一。使用二。解决消息弹窗重复显示
一. 使用
在某视频剪辑软件中使用元素的消息组件
在某视频剪辑软件文件中使用
这个消息({
消息: 提示信息,
类型:"成功"
})
在射流研究…文件中使用
从"元素-用户界面"导入ElementUI
元素用户界面.消息({
消息: 提示信息,
类型:"警告"
});
二. 解决消息弹窗重复显示
//message.js
/**
* @描述:重写消息挂载,实现班级的私有属性
* @param { String }选项=消息内容
* @param { Boolean } single=是否只显示一个
*/
从"元素-用户界面"导入{邮件};
const show message=Symbol( show message );
类DonMessage {
成功(选项,single=false) {
这个[showMessage](成功,选项,单);
}
警告(选项,single=false) {
this[showMessage](warning ,options,single);
}
info (options,single=false) {
this[showMessage](info ,options,single);
}
错误(选项,single=true) {
this[showMessage](error ,options,single);
}
[显示消息](类型、选项、单个){
如果(单身){
//判断是否已存在消息
如果(文档。getelementsbyclassname( El-message-error ).长度===0) {
消息[类型](选项);
}
}否则{
消息[类型](选项);
}
}
}
//默认导出私有消息组件
导出默认的新don message();
在有需要的地方引入
从@/消息导入DonMessage
射流研究…文件中直接使用
DonMessage.warning(请登录)
挂载到某视频剪辑软件原型上
//main.js
vue。原型。$ message=don message
//vue文件中调用
这个message.warning(请登录)
到此这篇关于元素的消息弹窗重复弹出问题解决的文章就介绍到这了,更多相关元素的消息弹窗重复弹出内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。