写一段 vue 引入的 外部js文件 调用el-message
时间: 2023-07-01 15:05:33 浏览: 107
假设你已经在Vue项目中引入了element-ui,那么你可以通过以下步骤引入外部的js文件并调用el-message:
1. 在Vue项目中创建一个js文件,例如:message.js
2. 在message.js中写入以下代码:
```javascript
import { Message } from 'element-ui';
export default function showMessage(type, message) {
Message({
type: type,
message: message
});
}
```
3. 将message.js保存到你项目的某个目录下,例如:src/utils/message.js
4. 在需要使用message的组件中引入message.js
```javascript
import showMessage from '@/utils/message.js'
```
5. 在组件中调用showMessage函数即可
```javascript
showMessage('success', '操作成功');
```
以上代码将会在页面上弹出一个绿色的提示框,提示框中显示“操作成功”。
阅读全文