vue多种弹框的弹出形式的示例代码

vue多种弹框的弹出形式的示例代码

1、父组件引入子组件，子组件的加载问题

products.vue引入dlAddProd弹框（dlAddProd.vue），由于

2、注意的地方

由于element-UI的弹框组件el-dialog在其body部分再加一个弹框B会导致在弹出弹框B的时候，B和父弹框同时被遮罩层遮住的问题(https://jsfiddle.net/Irene_Ta...，所以当需要实现在一个弹框A弹出弹框B的功能，最好是将这两个弹框并列写在一个文件中，如下：

<el-dialog>

http://

当然，也可以将弹框B写成一个组件dialogB，然后引入，如下

3、demo中出现的弹框形式

类型一：A弹框中弹出B弹框的类型

类型二：弹框body变换的类型 （点击A弹框的按钮之后，body由C变成D，但还是同一个弹框，RAGJzckdb并且此时弹框出现返回键，点击返回键，body又回到C，点击关闭键，弹框消失），不管是通过body C点击出来的弹框还是body D点击出来的弹框都应该和A弹框并列。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。