vue 父组件获取接口值传到子组件_vue父组件异步获取动态数据传递给子组件 ，子组件获取不到值或者延时获取...

如果父组件中要传给子组件的值是从接口里面获取的，那么子组件刚开始得到的是空值。这个时候不应该传给子组件的。你可以在子组件里面延时加载。或者是按照下面方法来

父组件： v-if="chartValue.length>0"

//因为chartValue是个数组。判断数组长度大于0就是获取到了接口里面传来的数据。然后子组件一定可以获取到异步的那个值

import chartpie from '@/components/Chartpie'

export default {

components: {chartpie},

data(){

return{

chartValue: [],

}

},

methods: {

getUserreport() {

getCpreport({id:id}).then(res => {

this.chartValue=res.data;

})

},

},

mounted() {

this.getUserreport();

},

}

子组件

{{chartValue}}

export default {

data() {

return {

}

},

props: [ 'chartValue'],

}