学无先后,达者为师

网站首页 Vue 正文

vue+elementUi在点js.js文件中使用Message消息提示、Notification、MessageBox、succes、import、from

作者:web半晨 更新时间: 2022-06-05 Vue


1、方式一

引入

import { Message } from "element-ui";

使用

Message({
    message: '请求成功',
    type: 'success'
});

2、方式二

引入

import ElementUI from 'element-ui';

使用

ElementUI.Message({
	message: '请求成功',
    type: 'succes'
});

ElementUI.Notification({
	message: '请求成功',
    type: 'succes'
});

ElementUI.MessageBox({
	message: '请求成功',
    type: 'succes'
});

3、总结

以上两种引入方法的区别是,第一种是解构,按需引入;第二种是全部引入。
ElementUI.Message对应的是this.$message方法。
ElementUI.Notification对应的是this.$notify方法。
ElementUI.MessageBox对应的是this.$alert方法。
建议使用第一种引入方式。

原文链接:https://blog.csdn.net/weixin_51157081/article/details/124762164

栏目分类
最近更新