基本上每個項目都需要用到模態框組件，由於在最近的項目中，alert組件和confirm是兩套完全不一樣的設計，所以我將他們分成了兩個組件，本文主要討論的是confirm組件的實現。 組件結構 模態框結構分為三部分，分別為頭部、內部區域和操作區域，都提供了slot，可以根據需要定制。 樣式 ...

// 組件代碼 // 組件使用 ...

...

在項目中，我們經常見到一些這樣的界面 即搜索欄，表格，分頁。 當我們點擊新建按鈕時，就會出現一個彈框，類似於這樣的界面 這樣的界面在項目中，經常會做，於是封裝成公用的組件最為合適，目錄結構如下： pagination文件夾 ...

參數名 類型 說明 visible Boolean ...

這是一個提示框和對話框，例： 這是一個組件 eject.vue 在子組件調用使用 html代碼 整體代碼 這就是封裝好了的組件和使用方法，哪里需要彈窗直接調用就可以了 ...

Vue.extend 實現 Dialog 提示組件封裝 在 components 目錄下新建 Dialog 文件夾作為 Dialog 組件文件，新建 index.vue 和 index.js 文件進行組件封裝，並在 main.js 中將組件掛載到 vue 原型上實現全局使用 ...

使用方法： 1.在父組件中引入"box.vue" //import popUpBox from "./box.vue"; 2.在父組件中注冊 popUpBox //components:{popUpBox}, 3.放在父 ...