VueJS将Ajax请求中的数据从父母传递给孩子作为道具

Question

我有一个父组件，该组件使用axios来访问URL以获取数据。 我想将这些数据传递给子组件，以使子组件将在渲染时使用此数据。

例如： 父级是列表竞争者，子级是列表中的单个联系人。 我希望孩子使用传递给它的“人名”道具。并显示在内部p标签中。

现在，我正在尝试这样做：在将数据从ajax请求传递到父级之前，先渲染子级，然后从子级组件中获取错误。 我现在的解决方案是在child的已挂载函数中使用SetTimeOut。 我正在寻找更好的解决方案并进行最佳实践

感谢阿隆

Answer 1

我假设您尝试使用从父级传递给孩子的props，并且孩子会抛出错误。

您可以做几件事

• 在孩子中添加检查以查看道具是否已填充
• 在父级中使用v-if。您正在使用的变量最初设置为false，从服务器获得响应后，将其设置为true。这样，只有在您做出回应后，才会渲染孩子。