《在Vue中使用ElementUI中的Message组件时,页面刷新之后会提示一个空的消息框解决办法》

650 阅读1分钟

1.找到问题原因:由于在按需引入时,使用Vue.use(Message)组件这样在每次刷新时就会弹出一个空白的消息提示框(该情况只在引入局部插件才会引起):

2.解决问题:通过加载组件的方式引入即可,将Vue.use(Message) 改为Vue.component(Message)。或者直接不用Vue.component()。只需进行引入和挂载即可。

import Vue from 'vue';

Vue.component(Message)

Vue.prototype.$message = Message;

注意:

1.组件 (Component) 是用来构成你的 App 的业务模块,它的目标是 App.vue。

2.插件 (Plugin) 是用来增强你的技术栈的功能模块,它的目标是 Vue 本身。