外部js 调用el-message

可以通过以下代码在外部JS中调用Element UI的el-message组件：

// 引入Element UI组件
import { Message } from 'element-ui';

// 调用Message组件
Message({
  message: '这是一条消息',
  type: 'success'
});

注意，在使用前需要确保已经引入Element UI库，并且安装了相应的依赖。另外，需要根据具体的需求进行配置，例如设置消息类型、持续时间等。具体可见Element UI的官方文档。

相关问题

vue 外部js 调用el-message

可以通过在外部JS文件中引入Vue和Element UI库，并$mount方法手动挂载一个Vue实例来调用el-message组件。

例如：

<!-- 在HTML文件中引入Vue和Element UI库 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/element-ui/lib/index.js"></script>

<!-- 在外部JS文件中手动挂载Vue实例 -->
const vm = new Vue({
  el: '#app',
  mounted() {
    this.$message({
      message: 'Hello World',
      type: 'success'
    });
  }
});

其中，`#app`是一个存在于HTML文件中的元素，用来作为Vue实例的挂载点。在`mounted`钩子中调用`this.$message`方法即可弹出一个成功提示框。

外部js文件 调用el-message

如果你想在外部 JavaScript 文件中调用 Element UI 的 el-message，你需要确保已经正确引入 Element UI 库，并且在当前页面正常工作。具体操作如下：

1. 在 HTML 文件中引入 Element UI 库：

<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

2. 在 JavaScript 文件中调用 el-message：

// 弹出成功提示框
Element.Message({
  message: '操作成功',
  type: 'success'
});

// 弹出错误提示框
Element.Message({
  message: '操作失败',
  type: 'error'
});

注意：在调用 el-message 之前，需要确保 Element UI 库已经完全加载，并且注册了相关组件。如果你在 Vue.js 中使用 Element UI，可以在 Vue 实例的 created 生命周期中调用 el-message。如果你使用 jQuery 或纯 JavaScript，可以在 window.onload 或 DOMContentLoaded 事件中调用 el-message。