码迷,mamicode.com
首页 > 其他好文 > 详细

Vue ElementUI 中报错:this.$message is not a function

时间:2020-04-17 23:49:16      阅读:322      评论:0      收藏:0      [点我收藏+]

标签:class   参考   style   eth   不同的   http   地方   this   cti   

原因:
在单独按需引入element组件时,message组件需要挂载到Vue全局对象上,而不是用Vue.use(Message),这是message组件与其他组件不同的地方。其中与之相同、需要挂载到Vue全局对象上的,还有confirm组件。

Vue组件中:

1 methods:{
2     open2() {
3       this.$message({
4         message: "恭喜你,这是一条成功消息",
5         type: "success"
6       });
7     },
8 }

 

main.js 中:

1 import { Message } from "element-ui";
2 Vue.use(Message);
3 Vue.prototype.$message = Message;

 

参考:https://www.jianshu.com/p/b720a91f6ee3

Vue ElementUI 中报错:this.$message is not a function

标签:class   参考   style   eth   不同的   http   地方   this   cti   

原文地址:https://www.cnblogs.com/imPedro/p/12722977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!