其他分享
首页 > 其他分享> > vue 使用this.reload方法刷新页面配置

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,methods,isRouterAlive,reload,export,true,页面
来源: https://blog.csdn.net/weixin_45878947/article/details/120362430