纯js中使用Message、MessageBox的方法

最新推荐文章于 2025-10-24 15:32:15 发布

原创最新推荐文章于 2025-10-24 15:32:15 发布 · 2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #elementui

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

常规是在全局引入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,
             });
   }