vue 通过props向子组件传值,子组件无法取得该值

Posted xuemei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 通过props向子组件传值,子组件无法取得该值相关的知识,希望对你有一定的参考价值。

问题描述:我把弹出框设计成了子组件,弹出框里的数据由父组件通过ajax异步获取后传给子组件(用props属性)。然而,当我想在子组件的生命周期里取得该值时,该值并未获得。

问题分析:这应该是当子组件实例化之后,ajax才获取数据导致。

问题解决:用v-if来判断子组件是否渲染。

代码:

  父组件:

<template>
    <div class="logistics-control">
        <!-- 添加单路径弹框 -->
        <toast :config="singleToastData" @cancelSingle="singleToastData.dialogVisible=false;" @saveAddSingle="saveAddSingle">
            <addpath-settingDialog v-if="singleToastData.flag" :routeList="singleToastData.routeList" :choseList="singleToastData.choseList" ref="addpathssettingDialog" @listChange="listChange"></addpath-settingDialog>
        </toast>
    </div>
</template>

 

以上是关于vue 通过props向子组件传值,子组件无法取得该值的主要内容,如果未能解决你的问题,请参考以下文章

Vue父组件向子组件传值 (props)、子组件改变父组件的值($emit)

Vue中,父组件向子组件传值

vue3实现父组件向子组件传值并监听props改变触发事件

Vue学习笔记 - 父子组件传值(props与$emit)

Vue学习笔记 - 父子组件传值(props与$emit)

Vue 父组件向子组件传值,传方法,传父组件整体