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

首先在最外层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()即可

posted @ 2018-12-10 15:36  催晚  阅读(1775)  评论(0编辑  收藏  举报