Shulou(Shulou.com)06/01 Report--

Today, I would like to share with you how vue can refresh the list after closing the dialog box. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

Refresh the list after closing the dialog box

In some scenarios, you need to refresh the list automatically after the user pop-up window is determined. You can bind the fevent to the parent window.

Parent window code editing user import editform from'. / editform.vue'export default {components: {editform}, methods: {update_table () {console.log ('the list box is refreshed')} child window code delete user export default {data () {return {dialogFormVisible: false}} Methods: {delete_user () {this.$emit ('fevent') this.$message.success (' deleted successfully') this.dialogFormVisible = false}

Add your own business code to automatically refresh the list.

Refresh the parent page after closing the open window

Background: in the process of making a page, you need to add data to the page list, but you need to manually refresh the page before the added data appears.

Solution.

You can add code after the addition is successful

Parent.location.reload (); these are all the contents of the article "how to refresh the list after closing the dialog box by vue". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.