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的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。