首先，确保你已经在项目中引入了 Element Plus。如果没有，你可以通过以下方式安装：
npm install element-plus
然后，在你的 Vue 组件中使用 el-notification：
<template>
<div>
<el-button @click="showNotification">显示通知</el-button>
</div>
</template>
<script>
import { ElButton, ElNotification } from 'element-plus';
export default {
components: {
ElButton,
},
methods: {
showNotification() {
ElNotification({
title: '通知',
message: '这是一条通知消息',
type: 'success',
duration: 3000,
});
},
},
};
</script>
在这个例子中，我们使用了 el-button 组件来触发显示通知。通过点击按钮，调用 ElNotification 方法来显示一条通知。这个方法接受一个配置对象，包括通知的标题、内容、类型等信息。在这里，我们设置了 type 为 'success' 表示成功类型的通知，duration 为通知持续显示的时间（毫秒）。
你可以根据实际需求调整通知组件的样式和配置。el-notification 还提供了其他类型的通知，如 ElNotification.success、ElNotification.warning、ElNotification.error 等，可以根据需要选择不同的通知类型。
转载请注明出处：http://www.zyzy.cn/article/detail/5565/ElementPlus