纯js中使用Message、MessageBox的方法

最新推荐文章于 2025-04-25 08:47:01 发布

高电平

最新推荐文章于 2025-04-25 08:47:01 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 elementui

本文链接：https://blog.youkuaiyun.com/qq_45886144/article/details/129098889

文章介绍了如何在独立的JavaScript文件中通过导入ElementUI库，来使用Message组件显示自定义的消息提示，以及如何运用MessageBox进行警告对话框的弹出，包括设置属性如showClose、type、duration和customClass等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常规是在全局引入message,但是如果我想在二次封装的纯.js文件里面使用:

 import { Message } from 'element-ui'
 
 
function(){ 
    Message({
          showClose: true,
          message: ‘消息提示’,
          type: 'error',
          duration: 1000 })
}

//同样MessageBox也可以这样使用
 
import { MessageBox } from 'element-ui';
function(){
       MessageBox.alert(
              res.data.errorDescription,
               '',
              { customClass:'ajax-error',
                 showConfirmButton:false,
             });
   }