vue问题记录（四）：页面如何引入公共的弹窗

一个月的时间，项目也快接近尾声了，静下心想想自己的项目，其实存在很多不完美得地方，比如最明显的就是代码的复用性不强，很多东西其实是可以写成公共的部分，然后直接引用就可以了，但是当时不知道自己是怎么想的，就一直重复造轮子，刚好今天有时间，就把弹窗部分，写了一下，为好后面的二期开发做好铺垫。第一部分，弹窗的页面：第二部分，在父页面引用子页面：第三部分，父页面详细使用子页面：...

半夏ing

2770人浏览 · 2018-09-16 19:03:43

半夏ing · 2018-09-16 19:03:43 发布

一个月的时间，项目也快接近尾声了，静下心想想自己的项目，其实存在很多不完美得地方，比如最明显的就是代码的复用性不强，很多东西其实是可以写成公共的部分，然后直接引用就可以了，但是当时不知道自己是怎么想的，就一直重复造轮子，刚好今天有时间，就把弹窗部分，写了一下，为好后面的二期开发做好铺垫。

第一部分，弹窗的页面：
这里写图片描述

第二部分，在父页面引用子页面：
这里写图片描述

第三部分，父页面详细使用子页面：
这里写图片描述

over ,haha

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^