重新加载局部刷新

 <template>
 <template>
 	<div id="app">
 	<div id="app">
-		<router-view />
+		<router-view v-if="isRouterAlive" />
 	</div>
 	</div>
 </template>
 </template>
 
 
 <script>
 <script>
 export default {
 export default {
+	provide(){
+		return{
+			reload:this.reload
+		}
+	},
+	data(){
+		return{
+			isRouterAlive:true,
+		}
+	},
 	mounted() {
 	mounted() {
 		window.addEventListener("unload", this.saveState);
 		window.addEventListener("unload", this.saveState);
 	},
 	},
@@ -13,6 +23,12 @@ export default {
 		saveState() {
 		saveState() {
 			sessionStorage.setItem("state", JSON.stringify(this.$store.state));
 			sessionStorage.setItem("state", JSON.stringify(this.$store.state));
 		},
 		},
+		reload(){
+			this.isRouterAlive = false;
+			this.$nextTick(function () {
+				this.isRouterAlive = true;
+			})
+		},
 	},
 	},
 };
 };
 </script>
 </script>

@@ -277,6 +277,7 @@
             Qlr,
             Qlr,
             Qlxz,
             Qlxz,
         },
         },
+        inject:['reload'],
         data () {
         data () {
             return {
             return {
                 lx:"zrz",
                 lx:"zrz",
@@ -484,7 +485,7 @@
                 // this.form.xmmc=this.$store.xmmc;
                 // this.form.xmmc=this.$store.xmmc;
                 this.form.zrzbsm=this.$route.query.bsm;
                 this.form.zrzbsm=this.$route.query.bsm;
                 this.getZddm(this.$store.zdbsm);
                 this.getZddm(this.$store.zdbsm);
-
+                this.getZrzDetailByBsm(this.$route.query.bsm)
             }else {
             }else {
                 this.bsm=this.$route.query.bsm;
                 this.bsm=this.$route.query.bsm;
                 this.form.zrzbsm=this.$route.query.bsm;
                 this.form.zrzbsm=this.$route.query.bsm;
@@ -494,7 +495,17 @@
                 this.getZrzDetailByBsm(this.$route.query.bsm)
                 this.getZrzDetailByBsm(this.$route.query.bsm)
             }
             }
         },
         },
-        mounted() {}
+        mounted() {},
+        computed: {
+            zrzbsm() {
+                return this.$store.state.zdbsm;
+            },
+        },
+        watch:{
+            zrzbsm:function (val) {
+                this.reload()
+            }
+        }
     }
     }
 </script>
 </script>
 <style rel="stylesheet/less" lang="less" scoped>
 <style rel="stylesheet/less" lang="less" scoped>