问题描述:我把弹出框设计成了子组件,弹出框里的数据由父组件通过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>
原文地址:https://www.cnblogs.com/xuemei/p/9646435.html
时间: 2024-11-06 09:47:08