Element组件Message报错this.$message is not a function的解决方法

最近项目在用 Element UI 中的消息提示 message 时一直报以下的错误：

这是个什么鬼毛病，第一次使用这个 element 组件，鄙人一时也摸不着头脑。

想想我明明有在 main.js 引入了 element-ui 呀，为什么还会出现这种问题呢，因为项目着急的原因，本着我遇到的问题网友也会遇到理念，于是积极的查了百度但是也没有解决方案。

代码在于折腾，于是上 element 官网查查是否有解决方法，element 组件其他的都好说，就是文档不深入，寥寥几句就概括了，不过这次没有让我失望，在官网查到 Message 可以单独引入，反正我也不知道，动手试试看可以不可以，结果真的可以了，超级开心的，哈哈哈哈，把我的方法贴出来，这个方法大家可以写到自己需要的那个文件中，在下帮你试了，没毛病。

import { Message } from 'element-ui'
Vue.use(Message)
Vue.prototype.$message = Message

完美解决，希望对和我一样初次使用 element 遇到问题的小伙伴提供参考。

以上关于Element组件Message报错this.$message is not a function的解决方法的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。