美文网首页
Vue单页面开发刷新当前界面

Vue单页面开发刷新当前界面

作者: 鲲鹏DP | 来源:发表于2018-12-14 14:18 被阅读19次

    1.App.vue界面配置

    //A.
      <router-view v-if="isRouterAlive"></router-view>
    //B.provide(与methods同级)
      provide(){
            return{
                reload:this.reload
            }
        },
    //C.提供刷新方法
     methods:{
            reload(){
                this.isRouterAlive = false;
                this.$nextTick(function () {
                    this.isRouterAlive = true;
                })
            }
        }
    

    2.需要刷新的界面

    A.注入(inject)--->与methods同级
    inject:['reload']
    B.适当的场景调用reload
    this.reload();
    

    相关文章

      网友评论

          本文标题:Vue单页面开发刷新当前界面

          本文链接:https://www.haomeiwen.com/subject/dwcghqtx.html