欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue中强制刷新页面的方法?

程序员文章站 2022-05-14 22:57:42
...

答:有两种方法:

(1)this.$router.go(0);// 简单粗暴,可能会出现空白页

(2)在app.vue中定义reload()方法:

<template>
    <div id="app">
        <router-view v-if="isReload"/>
    </div>
</template>

<script>
    export default {
        name: 'App',
        provide() {
            return {
                reload: this.reload
            }
        },
        data() {
            return {
                isReload: true
            }
        },
        methods: {
            reload() {
                this.isReload = false
                this.$nextTick(() => {
                    this.isReload = true
                })
            }
        }
    }
</script>

在需要强制刷新的页面引用:

<script>
    export default {
        inject: ['reload'],
        methods: {
            clickReload() { // 点击之后强制刷新
                this.reload()
            }
        }
    }
</script>

相关标签: vue.js vue.js