弹窗1:监听el-dialog弹窗是否关闭

  • Post author:
  • Post category:其他


场景:某次一个列表中的数据有修改和新增按钮;由于内容一样就用的一个el-dialog弹窗,但是在先操作修改,在操作新增的时候导致新增走了修改的接口

原因:是因为修改的时候的判断标识


flag


在打开的时候设置为了true;即使关闭弹窗也是true;这就导致新增的时候也走了修改的接口

解决:1、监听el-dialog弹窗的关闭弹窗事件

<el-dialog title="" :visible.sync="dialogFlag" width="30%" center @close='closeDialog'>

2、在methods中设置方法,在关闭弹窗后把flag设置为false

closeDialog(){
  this.flag = false;
},



版权声明:本文为qq_33911541原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。