首先，确保你已经安装了 Element-React，并在你的项目中引入了相应的样式和组件。可以通过 npm 或 yarn 安装：
npm install element-react
# 或
yarn add element-react
然后，在你的 Vue 组件中，可以这样使用 Message：
<template>
<div>
<h3>Element-React Message 消息提示</h3>
<el-button @click="showMessage">显示消息</el-button>
</div>
</template>
<script>
import { ElButton, ElMessage } from 'element-react';
export default {
components: {
ElButton,
},
methods: {
showMessage() {
ElMessage({
message: '这是一条消息提示',
type: 'success', // 或 'info'、'warning'、'error'
});
},
},
};
</script>
在这个例子中，我们引入了 Element-React 的 ElButton 和 ElMessage 组件，并在模板中使用它们。通过调用 ElMessage 方法，可以在页面中显示一条消息提示。你可以根据实际需求设置消息的内容、类型等。
在 type 属性中，可以设置为 'success'、'info'、'warning'、'error' 中的任意一个，以显示不同类型的消息。
请参考 Element-React 的官方文档：[Element-React Message](https://element-plus.org/#/en-US/component/message) 以获取更多详细信息和选项。
转载请注明出处：http://www.pingtaimeng.com/article/detail/5624/Element-React