vue 的 外部js文件 调用el-message
时间: 2023-11-28 15:47:25 浏览: 88
vue.js离线文件,拿来就可以用
在 Vue 的外部 JS 文件中使用 Element UI 的 el-message 组件,需要先在 HTML 中引入 Element UI 的 JS 和 CSS 文件,然后在 JS 文件中使用以下代码:
```javascript
// 引入 Element UI 的 JS 和 CSS 文件
import 'element-ui/lib/theme-chalk/index.css';
import 'element-ui/lib/index.js';
// 在 Vue 的外部 JS 文件中使用 el-message 组件
Element.Message({
message: '这是一条消息提示',
type: 'success'
});
```
需要注意的是,在 Vue 的外部 JS 文件中使用 Element UI 组件,需要先引入 Element UI 的 JS 和 CSS 文件,并且在使用组件之前,需要先创建 Element 对象,可以使用以下代码:
```javascript
// 创建 Element 对象
var Element = require('element-ui');
Vue.use(Element);
```
阅读全文