外部js文件 调用el-message
时间: 2023-11-28 21:47:24 浏览: 88
如果你想在外部 JavaScript 文件中调用 Element UI 的 el-message,你需要确保已经正确引入 Element UI 库,并且在当前页面正常工作。具体操作如下:
1. 在 HTML 文件中引入 Element UI 库:
```html
<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:
```javascript
// 弹出成功提示框
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。
阅读全文