elementUI按需引入以后 Message組件錯誤

項目完成后，進行性能優化，其中一項措施對Element-Ui采用按需引入的方式

但是發現Message模塊出現錯誤

this.$message({
    message: '成功',
    type: 'success',
});

這是組件的使用

import { Dialog, Select, Progress, Message, Option } from 'element-ui';
 
Vue.use(Option)
出現的錯誤是Message模塊每次刷新自行調用，點擊事件的調用無效

解決方法：

在main.js中：

// 引入elementUI
import { Message  } from 'element-ui';
//由于Message組件并沒有install 方法供Vue來操作的，是直接返回的，因此按照官方文檔單獨引入的方法是
//會報錯的，需要給 Message 添加 install 方法
Message.install = function (Vue, options) {
  Vue.prototype.$message = Message
}
Vue.use(Message )//消息提示

組件中不需要引入，可以直接用了

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。