美文网首页
vue组件局部刷新

vue组件局部刷新

作者: 糖醋里脊120625 | 来源:发表于2019-07-09 08:56 被阅读0次
    //App.vue
    <template>
        <div>
            <router-view v-if="isRouterAlive"></router-view>
        </div>
    </template>
    
    <script>
        export default {
            name: 'App',
            data () {
                return {
                    isRouterAlive: true
                }
            },
            provide(){ //提供
                return {
                    reload: this.reload
                }
            },
            methods: {
                reload(){
                    this.isRouterAlive = false
                    this.$nextTick( function () {
                        this.isRouterAlive = true
                    })
                }
            }
        }
    </script>
    

    相关文章

      网友评论

          本文标题:vue组件局部刷新

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