vue 关闭页面,vue 关闭页面 触发退出,vue如何实现关闭对话框后刷新列表

vue 关闭页面,vue 关闭页面 触发退出,vue如何实现关闭对话框后刷新列表

本文主要介绍了vue关闭对话框后如何刷新列表,有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。

目录

关闭对话框后刷新列表父窗口代码子窗口代码关闭打开的窗口后刷新父页面解决方案

关闭对话框后刷新列表

在某些场景下,需要在确定用户的弹出窗口后自动刷新列表,可以用fevent绑定父窗口。

父窗口代码

模板

差异

El-button @ click=' $ refs . Edit form . dialogformvisible=true '编辑用户/el-button

editform @ fevent=' update _ table ' ref=' editform '

/editform

/div

/模板

脚本

从'导入编辑表单。/editform.vue '

导出默认值{

组件:{

编辑表单

},

方法:{

update_table () {

Console.log(“列表框已刷新”)

}

}

}

/脚本

子窗口代码

模板

El-dialog title=' edit user ':visible . sync=' dialogformvisible '

El-button @click='delete_user '删除用户/el-button

/el-dialog

/模板

脚本

导出默认值{

data () {

返回{

dialogFormVisible: false

}

},

方法:{

delete_user () {

这个。$emit('fevent ')

这个。$message.success('删除成功')

this.dialogFormVisible=false

}

}

}

/脚本

您可以通过附加自己的业务代码来自动刷新列表。

关闭打开的窗口后刷新父页面

背景:您需要在页面制作过程中在页面列表中添加数据,但添加后需要手动刷新页面,添加的数据才会出现。

解决办法

添加成功后可以添加代码。

parent . location . reload();

以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: