微人事项目之消息提示组件报错this.$message is not a function
今天在做微人事项目的时候遇到这个错误,我也不清楚为什么,没有仔细的审查,百度了一下之后按照上面说的做,成功了,先记录下来吧。原因:在单独按需引入element组件时,message组件需要挂载到Vue全局对象上,而不是用Vue.use(Message),这是message组件与其他组件不同的地方。其中与之相同、需要挂载到Vue全局对象上的,还有confirm组件。在main.js中添加1 impo
·
今天在做微人事项目的时候遇到这个错误,我也不清楚为什么,没有仔细的审查,百度了一下之后按照上面说的做,成功了,先记录下来吧。
原因:
在单独按需引入element组件时,message组件需要挂载到Vue全局对象上,而不是用Vue.use(Message),这是message组件与其他组件不同的地方。其中与之相同、需要挂载到Vue全局对象上的,还有confirm组件。
在main.js中添加
1 import { Message } from "element-ui";
2 Vue.use(Message);
3 Vue.prototype.$message = Message;
参考:
https://www.cnblogs.com/imPedro/p/12722977.html
更多推荐
已为社区贡献2条内容
所有评论(0)