HTML怎么引入ElementPlus中的ELMessage

要在 HTML 中引入 ElementPlus 的 ELMessage，需要先引入 ElementPlus 的 CSS 和 JavaScript 文件。可以按照以下步骤操作：

1. 在 HTML 文件中引入 ElementPlus 的 CSS 文件：

<link rel="stylesheet" href="https://unpkg.com/element-plus/lib/theme-chalk/index.css">

2. 在 HTML 文件中引入 ElementPlus 的 JavaScript 文件：

<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/element-plus@next"></script>

注意：上面的代码中，Vue.js 的版本需要和 ElementPlus 的版本兼容，可以根据具体情况进行选择。

3. 在 HTML 文件中使用 ELMessage 组件：

<template>
  <el-button type="primary" @click="showMessage">显示消息</el-button>
</template>

<script>
import { ElMessage } from 'element-plus';

export default {
  methods: {
    showMessage() {
      ElMessage({
        message: '操作成功',
        type: 'success',
      });
    },
  },
};
</script>

上面的代码中，通过 import 引入 ELMessage 组件，然后在 Vue.js 的组件中使用。在点击按钮时，调用 showMessage 方法，弹出一个消息提示框。