Uncaught (in promise) TypeError: this.ElMessage is not a function怎么修复
时间: 2024-01-20 12:40:17 浏览: 189
![PDF](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PDF.png)
Vue 报错TypeError: this.$set is not a function 的解决方法
![star](https://csdnimg.cn/release/wenkucmsfe/public/img/star.98a08eaa.png)
这个错误提示表明在代码中调用了一个名为 `ElMessage` 的函数,但是它不是一个函数,所以导致了类型错误。可能的原因是函数名写错了或者没有正确引入相关的依赖库。
如果你在使用 Element UI 库,那么 `ElMessage` 应该是一个全局函数,你需要在代码中正确引入 Element UI 库,例如:
```html
<!-- 引入 Element UI 样式文件 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入 Vue.js 和 Element UI 库 -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
```
然后在你的代码中就可以直接使用 `this.$message` 而不是 `this.ElMessage`。例如:
```javascript
this.$message('Hello World!');
```
如果你不是使用 Element UI 库,那么请检查一下代码中 `ElMessage` 函数的定义和引入是否正确。
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)