一.删除数据后刷新页面
1.我们需要在app.vue中配置如下代码
<template>
<div id="app">
<!-- //通过v-if来控制容器的出现与消失 -->
<router-view v-if="isRouterAlive" :key="$route.fullPath" />
</div>
</template>
<script>
export default {
name: 'App',
provide(){
return {
reload:this.reload
}
},
data(){
return{
isRouterAlive: true
}
},
methods: {
reload () {
this.isRouterAlive = false
this.$nextTick(() => (this.isRouterAlive = true))
}
}
}
</script>
<style scoped>
</style>
2.在需要刷新的页面配置 inject:[“reload”],this.reload();
export default {
inject:["reload"],
data() {
return {
state:0,
id:"",
addrSearch:'',
publiData:[],
pubData:[],
}
},
methods:{
addrDelete(){
console.log("删除");
setTimeout(()=>{
let id = this.id;
this.axios
.post("api/hall/delete",{
id:id,
})
.then(res => {
this.reload();
console.log(res.data);
}).catch((err)=>{
console.log(err);
});
},100)
}
}