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

vue中刷新页面时去闪烁,提升体验方法

程序员文章站 2022-03-09 22:17:03
首先在最外层div添加v-if="isReloadAlive",并创建变量isReloadAlive = true 随后添加provide()以及reload方法,如下: export default { provide() { return { reload: this.reload } }, d ......

首先在最外层div添加v-if="isreloadalive",并创建变量isreloadalive = true

随后添加provide()以及reload方法,如下:

export default {

    provide() {

         return {

             reload: this.reload

         }

    },

    data(){

        isreloadalive : true

    },

    methods: {

        reload() {

                     this.isreloadalive = false;

                     this.$nexttick(function(){

                            this.isreloadalive = true;

                     })

              }

    }

最后调用this.reload()即可