本文主要介绍了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();
以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。