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

时间:2018-12-10
本文章向大家介绍vue中刷新页面时去闪烁,提升体验方法,主要包括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()即可