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

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

但是發(fā)現(xiàn)Message模塊出現(xiàn)錯誤

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

這是組件的使用

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

解決方法：

在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 )//消息提示

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

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容