First you need to modify App.vue. <template> <!-- Company Management --> <div class="companyManage"> <router-view v-if="isRouterAlive"></router-view> </div> </template> <script> export default { name: "companyManage", watch: {}, provide() { return { reload:this.reload } }, data() { return { isRouterAlive:true }; }, methods: { reload() { this.isRouterAlive = false; this.$nextTick( () => { this.isRouterAlive = true; }) } }, mounted() {} }; </script> <style scoped> .companyManage { width: 100%; height: 100%; position: relative; background: #fff; } </style> 2. Go to the page that needs to be refreshed to reference it, use inject to import the reference reload, and then call it directly. inject:["reload"], this.reload(); This is the end of this article about Vue's partial page refresh (router-view page refresh). For more relevant Vue page partial refresh content, please search 123WORDPRESS.COM's previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future! You may also be interested in:
|
<<: Exploring the use of percentage values in the background-position property
>>: Tutorial on installing nginx in Linux environment
jQuery form validation example / including userna...
Preface NFS (Network File System) means network f...
What is a table? Table is an Html table, a carrie...
1. Download MySQL Image Command: docker pull mysq...
Introduction As mentioned in the previous article...
1. Log in to mysql: mysql -u root -h 127.0.0.1 -p...
1. Make sure the system has the required libaio s...
Today, I encountered a small problem that after s...
The <input> tag The <input> tag is us...
The problem that MYSQL5.7.17 cannot connect under...
In the previous sections, we discussed aspects of ...
Volume data volume is an important concept of Doc...
Quickly modify the table structure of a MySQL tab...
1. Download MySQL Community Server 5.7.16 and ins...
1. Search mysql in the browser to download and in...