关于vue.js:vue中父子组件异步传递数据

43次阅读

共计 387 个字符，预计需要花费 1 分钟才能阅读完成。

子组件中：

<template>
    <div>{{value}}</div>
</template>

<script>
export default {
    props: {
        value: {type: String}
    }
}
</script>

在父组件中：

<template>
    <div>
        <div v-if="viewReady">
            <child v-bind:value=""/>
        </div>
    <div>
</template>

<script>
export default {data() {
        return {viewReady: false}
    },
    created() {this.getData()
    },
    methods: {getData() {
            return new Promise(r=> {
                // request
                r()}).then(res => {this.viewReady = true})
        }
    }
}
</script>

正文完