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();

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

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