最近公司有一個后臺業(yè)務雖然也是寫在了現(xiàn)有的后臺系統(tǒng)中，但是之后要為這個業(yè)務單獨拉出來新建一個后臺系統(tǒng),所以現(xiàn)有的后臺系統(tǒng)中的vue組件庫，就不能用了(因為不知道將來的系統(tǒng)要基于什么組件庫，以防給未來移植項目帶來麻煩),這次業(yè)務中又遇到了彈窗的功能,所以只能手動寫一個了(雖然說彈窗組件很簡單，也是想自己總結一下，有不對的地方也請指出)，一開始用傳統(tǒng)的props,$emit但是覺得要接兩個取消與確認的回調這塊的邏輯分散了所以就用了promise兩個回調的方式把兩個回調寫在了一起,并不一定好，算是提供一種思路吧。

創(chuàng)新互聯(lián)-云計算及IDC服務提供商，涵蓋公有云、IDC機房租用、服務器托管、等保安全、私有云建設等企業(yè)級互聯(lián)網(wǎng)基礎服務，聯(lián)系電話：028-86922220

一.概覽

先看最后的調用方式

props $emit方式

  
slot的東西,想向彈窗中添加自定義的內(nèi)容

methods: {
  display() {
   this.showModal = true;//交互點擊手動觸發(fā)顯示彈窗 
  },
  onOK() {},//點擊確認的回調
  onCancel() {}//點擊取消的回調
}

當前題目：以v-model與promise兩種方式實現(xiàn)vue彈窗組件-創(chuàng)新互聯(lián)
文章來源：http://weahome.cn/article/gihoj.html