当前位置: 移动技术网 > IT编程>网页制作>Html5 > vue中刷新页面时去闪烁,提升体验方法

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

2018年12月10日  | 移动技术网IT编程  | 我要评论

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网