微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

VUE 如何将父组件中的数据传递到子组件中

在我们的项目中我们使用 axios 进行异步调用

因为异步调用的问题,如果我不采取手段,子页面没有办法获得父页面中的数据,页面将会显示为 没有数据。

 

2022-09-05_19-08-49

 

问题和解决

这个问题的原因就是子组件在初始化的时候,父组件还没有获得数据。

可以使用的方法是 v-if 进行判断。

对比上面我们使用了 v-if 判断的代码和没有使用判断的代码

上面的代码能够让子组件正确加载数据。

 

2022-09-05_19-09-53

 

另外一个需要注意的是,在子组件中需要使用 props:['projects','currentPage'], 将数据从父总结中传递过来。

从父组件中将数据传递过来。

 

2022-09-05_19-13-13

  https://www.ossez.com/t/vue/14083

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐