首页 > 其他 > 详细

项目单独引入 Element-ui 的 Message组件

时间:2020-07-22 16:56:18      阅读:258      评论:0      收藏:0      [点我收藏+]

单独引入Element-ui 的 Message组件

main.js里面:

1  import { Button, Message} from "element-ui"
2 
3  Vue.use(Button)
4  Vue.use(Message)

技术分享图片

 

 

 跑起来后没有调用直接出来了一个默认弹框

原因:Message 组件并没有 install 方法供Vue来操作的,是直接返回的,那么按照 Eelement 文档单独引入的方法有问题

解决:给 Message 添加一个 install 方法

 main.js里面:

1 import { Button,  Message} from "element-ui"
2 
3 Message.install = function (Vue, options) {
4   Vue.prototype.$message = Message
5 }
6 
7 Vue.use(Button)
8 Vue.use(Message)

 

项目单独引入 Element-ui 的 Message组件

原文:https://www.cnblogs.com/chirm7/p/13360863.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!