vue 使用this.reload方法刷新页面配置

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>

上一篇:vue中父子组件方法的互相调用


下一篇:Vue实例: 点击循环列表里的某行,改变该行的样式。默认第一行