콜이 완료될 때까지 vue 컴포넌트의 렌더링을 중지하려면 어떻게 해야 합니까?

콜이 완료될 때까지 vue 컴포넌트의 렌더링을 중지하려면 어떻게 해야 합니까?

나는 이것을 검색해 보았지만 구체적인 해결책을 찾을 수 없다.기본적으로 초기 호출에 의존하는 vue 컴포넌트가 있으며 콜이 완료될 때까지 렌더링을 중지하고 그 시점에서 컴포넌트를 렌더링해야 합니다.간단해 보이지만 뭔가 빠뜨리지 않는 한 그렇게 할 수 있는 라이프 사이클 방법을 찾을 수 없습니다.

사용할 수 있습니다.v-if그 때문에

<template>
    <div v-if="loaded"></div>
</template>

<script>
    export default {
        name: 'TestComponent',
        data: function () {
            return {
                loaded: false
            }
        },
        created() {
          callExternalServices().then(() => {
             this.loaded = true
          })
        }
    }
</script>

빈 컴포넌트를 렌더링합니다.loaded == true

기본적으로는 초기 콜을 발신됩니다.created또는mounted라이프 사이클 방법을 사용하여data오브젝트를 호출 응답으로 설정합니다.통화 중에 데이터를 변경하지 않으면 vue가 렌더링할 필요가 없습니다.

문제를 정확하게 보여주는 jsfiddle을 제공할 수 있습니다.

언급URL : https://stackoverflow.com/questions/50587378/how-do-i-stop-my-vue-component-from-rendering-until-a-call-completes