ElMessage的使用
时间: 2024-06-09 22:09:45 浏览: 258
ElMessage 是基于 Element UI 组件库封装的消息提示组件,可以方便地展示各种类型的消息提示,如成功、错误、警告等。
使用 ElMessage 非常简单,只需要在需要展示提示的地方调用 `$message` 方法即可,例如:
```javascript
this.$message({
message: '操作成功',
type: 'success'
});
```
在上面的示例中,`message` 属性指定了消息内容,`type` 属性指定了消息类型为成功。ElMessage 支持的消息类型还有 `info`、`warning`、`error` 等。
另外,ElMessage 还支持一些其他的配置项,如显示时间、关闭按钮等,具体可以参考官方文档:https://element.eleme.cn/#/zh-CN/component/message
相关问题
Element plus Elmessage.error的使用
Element plus 是一款基于 Vue.js 的 UI 组件库,而 Elmessage.error 是其中的一个消息提示组件,用于显示错误信息。使用方法为在需要显示错误信息的地方调用 Elmessage.error(message) 方法,其中 message 为要显示的错误信息。例如:
```
import { Elmessage } from 'element-plus';
Elmessage.error('发生了错误!');
```
这样就会在页面上显示一个红色的错误提示框,内容为“发生了错误!”。
保存记录成功是使用ElMessage还是ElMessageBox
保存记录成功应该使用ElMessage。ElMessage是Element UI组件库中的消息提示组件,用于显示简短的全局提示信息。而ElMessageBox是Element UI组件库中的弹窗组件,用于显示复杂的交互式提示信息,通常用于进行确认或取消操作。因此,保存记录成功时应该使用ElMessage来进行简单的提示。
阅读全文