1.在vue(app.vue文件)里配置:

<template>
  <div>
    <router-view v-if="isRouterAlive" />
  </div>
</template>

<script>
export default {
	provide() { //提供reload方法
	    return {
	        reload: this.reload
	    }
	},
	data() {
	    return {
	        isRouterAlive : true
	    }
	},
	methods:{ //刷新方法
	    reload() {
	        this.isRouterAlive = false;
	        this.$nextTick(function() {
	            this.isRouterAlive = true
	        })
	    },
	}
};
</script>

在组件中使用:

<script>
    export default {
        inject: ['reload'],
        methods:{
            refresh() {
                this.reload();
            }
        }
    }
</script>

 

Logo

前往低代码交流专区

更多推荐