今天就跟大家聊聊有关“用vue实现关闭弹窗后自动刷新的方法是什么”的内容，可能很多人都不太了解，为了让大家认识和更进一步的了解，小编给大家总结了以下内容，希望这篇“用vue实现关闭弹窗后自动刷新的方法是什么”文章能对大家有帮助。

• 关闭对话框后刷新列表
  

有些场景需要实现用户弹窗确定后自动刷新列表，父窗口绑定fevent即可

父窗口代码

<template>
     <div>
 <el-button @click="$refs.editform.dialogFormVisible = true" >编辑用户</el-button>
 <editform  @fevent="update_table" ref="editform">
 </editform>
     </div>
 </template>

<script>
import editform from './editform.vue'
export default {
  components: {
    editform
  },
  methods: {
    update_table () {
      console.log('列表框被刷新了')
    }
  }
}
</script>

子窗口代码

<template>
       <el-dialog title="编辑用户"  :visible.sync="dialogFormVisible">
           <el-button @click="delete_user">删除用户</el-button>
    </el-dialog>
</template>

<script>
export default {
  data () {
    return {
      dialogFormVisible: false
    }
  },
  methods: {
    delete_user () {
         this.$emit('fevent')
         this.$message.success('删除成功')
         this.dialogFormVisible = false
    }
  }
}
</script>

附加上自己的业务代码，即可实现列表自动刷新

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

背景：在做页面的过程中需要在页面列表里面添加数据，但是添加之后需要手动刷新页面才会出现添加的数据。

解决办法

可在添加成功之后添加代码 

parent.location.reload();

以上为个人经验，希望能给大家一个参考，也希望大家多多支持三水点靠木。 

“用vue实现关闭弹窗后自动刷新的方法是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注群英网络网站，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 如何理解vue对象的响应式和数组的响应式

  如何理解vue对象的响应式和数组的响应式，下文有实例供大家参考，对大家了解操作过程或相关知识有一定的帮助，而且实用性强，希望这篇文章能帮助大家，下面我们一起来了解看看吧。

• JS中every方法用来做什么，怎样使用？

  这篇文章给大家分享的是JS中every方法的相关内容。在javascript中，escape()方法能用来检测数组的元素，小编觉得挺实用的，因此分享给大家做个参考，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起学习一下吧。

• jQuery的trim函数有什么作用，用法是什么？

  这篇文章给大家分享的是jQuery的trim函数的作用及使用。小编觉得挺实用的，因此分享给大家做个参考，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

• jQuery判断class是否存在的方法操作是什么

  在jquery中，可以使用hasClass()方法来判断是否有某个class，该方法的作用就是检查被选元素是否包含指定的class，语法“$(selector).hasClass(classname)”。

• 用JS怎样做一个简易的消息提示框？

  今天给大家分享的是用JS实现一个简易的消息提示框的内容，小编觉得比较实用，对新手学习JavaScript有一定的参考价值，实现效果及代码如下，感兴趣的朋友就继续往下看吧。