之前的項目一直在使用Element-UI框架，element中的Notification、Message組件使用時不需要在html寫標簽，而是使用js調(diào)用。那時就很疑惑，為什么element ui使用this.$notify、this.$message就可以實現(xiàn)這樣的功能？

創(chuàng)新互聯(lián)2013年開創(chuàng)至今，公司以成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計等為主要業(yè)務(wù)，適用行業(yè)近百種。服務(wù)企業(yè)客戶上千多家，涉及國內(nèi)多個省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計、獨特的風(fēng)格，為不同客戶提供各種風(fēng)格的特色服務(wù)。

1、實現(xiàn)消息彈窗組件的幾個問題

• 如何在任何組件中使用this.$message就可以顯示消息？
• 如何將消息的dom節(jié)點插入到body中？
• 同時出現(xiàn)多個消息彈窗時，消息彈窗的z-index如何控制？

2、效果預(yù)覽

3、代碼實現(xiàn)

PMessage.vue

當前標題：Vue$mount實戰(zhàn)之實現(xiàn)消息彈窗組件-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://weahome.cn/article/dpcjch.html