基本上每个项目都需要用到模态框组件，由于在最近的项目中，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.放在父 ...