vue中ElementPlus中的ElMessage如何引用并且使用
时间: 2023-06-01 17:02:54 浏览: 993
在Vue中使用echarts的方法
5星 · 资源好评率100%
1. 安装ElementPlus
在项目中安装ElementPlus,可以使用npm或yarn进行安装:
```
npm install element-plus --save
```
或者
```
yarn add element-plus
```
2. 引用ElMessage
在需要使用ElMessage的组件中,引入ElMessage:
```javascript
import { ElMessage } from 'element-plus'
```
3. 使用ElMessage
在需要使用ElMessage的地方,调用其API即可:
```javascript
ElMessage.success('操作成功')
```
ElMessage的API包括:
- `ElMessage.success(message: string, duration?: number): ElMessageComponent`
- `ElMessage.warning(message: string, duration?: number): ElMessageComponent`
- `ElMessage.info(message: string, duration?: number): ElMessageComponent`
- `ElMessage.error(message: string, duration?: number): ElMessageComponent`
- `ElMessage.loading(options?: MessageOptions): ElMessageComponent`
- `ElMessage.closeAll(): void`
阅读全文