1、父组件引入子组件，子组件的加载问题
products.vue引入dlAddProd弹框（dlAddProd.vue），由于<div v-show="visible">，所以在products页面加载时，dlAddProd会被加载。但是el-dialog中的body部分不会被加载（不管有没有加v-if指令）；dlAddProd弹框中又引入了dlBlankAdd弹框和dlEditProd弹框，但此时只有dlBlankAdd会被加载，dlEditProd不会被加载（<div v-if="visible">）；
2、注意的地方
由于element-UI的弹框组件el-dialog在其body部分再加一个弹框B会导致在弹出弹框B的时候，B和父弹框同时被遮罩层遮住的问题(https://jsfiddle.net/Irene_Ta...，所以当需要实现在一个弹框A弹出弹框B的功能，最好是将这两个弹框并列写在一个文件中，如下：
<template> <div v-show="visibleA"> 或者v-if="visibleA" 或者不写 <el-dialog v-model="visibleA" ref="dialogA"><el-dialog> <el-dialog v-model="visibleB" ref="dialogB"><el-dialog> </div> </template>
当然，也可以将弹框B写成一个组件dialogB，然后引入，如下
<template>
<div v-show="visibleA"> 或者v-if="visibleA" 或者不写
<el-dialog v-model="visibleA" ref="dialogA"><el-dialog>
<el-dialog v-model="visibleB" ref="dialogB"><el-dialog>
</div>
</template>
<script>
import dialogB from './dialogB.vue'
export default {
components: {
dialogB
}
}
</script>
3、demo中出现的弹框形式
类型一：A弹框中弹出B弹框的类型
类型二：弹框body变换的类型 （点击A弹框的按钮之后，body由C变成D，但还是同一个弹框，并且此时弹框出现返回键，点击返回键，body又回到C，点击关闭键，弹框消失），不管是通过body C点击出来的弹框还是body D点击出来的弹框都应该和A弹框并列。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。