vue中重新整理頁面時去閃爍,提升體驗方法

催晚發表於2018-12-10

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

相關文章