父组件异步获取数据，子组件没获取到数据

最新推荐文章于 2021-09-23 18:11:45 发布
最新推荐文章于 2021-09-23 18:11:45 发布
阅读量255 收藏
点赞数
原文链接：https://my.oschina.net/u/3950671/blog/3089233
版权

因为是异步，所以父组件在请求的过程中，就已经调用了子组件，造成子组件的created函数里面灭有获取到父组件请求之后的数据；

解决办法是，调用子组件的时候，加上v-if="data.length>0",表示有数据传过去的时候，才调用，也可以根据实际情况，修改这个判断；

转载于:https://my.oschina.net/u/3950671/blog/3089233

chiba5074
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue父组件异步获取数据子组件不显示
Blueberry
06-29 2778
这个问题遇到很多次，就是父组件中通过接口获取的数据，传给子组件，在子组件打印是空的 原因：接口获取数据需要时间，而在这个数据没有获取到之前，子组件已经渲染完成，自然就拿不到数据了 目前测试的有效的方法： 1.当这个数据获取到的时候，再进行渲染， 局限: 如果是弹框获取的话，就会产生一秒之后弹框才会出来的现象，影响界面效果 //子组件 <claimPerson ref='person' v-if='JSON.stringify(supplierCreateDetail) !== "{}"
vue父组件异步获取数据传给子组件的方法
10-18
主要介绍了vue父组件异步获取数据传给子组件,需要的朋友可以参考下
vue 父组件ajax异步请求，子组件没有获取到父组件传值的问题
FinelyYang的专栏
01-14 2857
vue 父组件使用ajax异步请求获取数据，由于是异步获取，所以子组件mounted阶段，ajax仍未完成请求，子组件props获取不到数据。 解决方法： 第一步：子组件中使用watch，监听传参的变化，执行方法逻辑。 第二步：子组件created延时执行方法逻辑。 第三步：父组件中引用子组件使用v-if做判断，有数据时再加载子组件。 第四步：父组件beforeDestroy方...
vue子组件在还没有获取到父组件数据数据时，报错
c_qianxia5040的博客
08-21 635
显示默认值问题，给传给子组件的值赋一个默认值
vue父组件异步获取动态数据传递给子组件获取不到值
weixin_30493401的博客
07-16 1398
原理： 在父组件中使用axios获取异步数据传给子组件，但是发现子组件在渲染的时候并没有数据，在created里面打印也是空的，结果发现一开始子组件绑定的数据是空的，在请求数据没有返回数据时，子组件就已经加载了，并且他绑定的值也是空的 使用vuex全局状态管理,其实简单，利用vuex的辅助函数（mapState，mapMutations）mapState是将stat...
vue父组件异步获取动态数据传递给子组件 获取不到值的问题已完美解决 附demo
u013164983的博客
08-13 1759
转载链接 https://www.jianshu.com/p/4450b63a27fe
详解vue2父组件传递props异步数据到子组件的问题
08-30
Vue2 父组件传递 props 异步数据到子组件的问题解析 在 Vue 2 中，父组件传递 props 异步数据到子组件是一个常见的问题。在本篇文章中，我们将详细介绍这个问题，并提供解决方法。 首先，让我们了解一下问题的来源...
详解vue beforeRouteEnter 异步获取数据给实例问题
12-10
总的来说，`beforeRouteEnter` 是 Vue Router 中处理异步数据加载和组件初始化的关键工具。通过理解其工作原理和与其他生命周期钩子的关系，可以更好地优化应用性能和用户体验。在实际开发中，应灵活运用这些钩子，...
Vue 父组件ajax异步更新数据，子组件props获取不到
d295968572的博客
06-26 8248
当父组件  axjos  获取数据，子组件使用  props  接收数据时，执行  mounted  的时候  axjos  还没有返回数据，而且  mounted 只执行一次，这时   props  中接收的数据为空解决方案：在对应组件中判断数据的长度...
Vue——父子组件间异步动态获取数据传递数据时，子组件获取不到值或者延时获取
热门推荐
where_slr的博客
08-14 1万+
父子组件传值时，父组件从接口获取数据，通过props传递给子组件。实际情况下：父组件获取数据有时间延迟，传递的props值为空，子组件接收的数据为props默认值 父子组件生命周期 父组件异步请求数据传递给子组件 父子组件接收数据有延迟 父子组件生命周期对比 一、加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate...
vue父组件传参给子组件，子组件中获取不到。
zc135565的博客
12-30 9137
在项目中，遇到vue父子组件的传参问题，父组件传参给子组件，子组件在created和mounted等生命周期中获取不到，也无法使用父组件传递过来的参数。 父组件传参，一般分为两种情况： 1、父组中的原始数据 (即定义在父组件data中的原始数据),传输给子组件使用，子组件在生命周期中是可以获取并使用的。 2、父组件传给子组件的参数，是从接口中获取到的， 可能遇到的问题就是，如果在组件的create...
Vue 接口请求数据传递给子组件获取不到的问题
m0_57547956的博客
09-23 1352
/*在子组件中需要获取商品信息数据，而且父组件中也需要用到，已经在父组件中调用过请求了，拿到了数据，想将数据传递给子组件，正常在子组件标签中写上代码*/ <bottomNavigation :goodsInfo="Data" :RunBuyList ="RunBuyList" @BtnBuyNow="parentClickBuyNow" @BtnFx="parentClickFx" @ListClick="ParentClickList"> </bottomNavigat...
vue组件props传值,对象获取不到的问题
weixin_34269583的博客
06-05 1万+
先说问题，父组件利用props向子组件传值，浏览器console有这个值，但是获取不到内部的属性，困了我3个小时，真的** 父组件定义了personal这个值。在父组件接口中给这个值重新赋值。 子组件接受这个值,浏览器console能看到这个值，但是取不到属性的值。 以下为原代码 1、home.vue（父组件）--personal是被传的参数 <!--子组件--> &lt...
taro坑之 父子通信 在父组件数据更新后 子组件时而可以接受到最新变化的值（导致子组件不更新渲染页面） 时而接受不到 暂时的处理方式是不使用组件嵌套 直接在父组件中完成
gwdgwd123的博客
01-28 6448
import Taro, { Component } from '@tarojs/taro' import { observer, inject } from '@tarojs/mobx' import { fromJS, is ,List} from 'immutable' import DraggableArea from "../../components/DraggableArea"...
Vue 父组件axios异步更新数据，子组件props 获取不到数据（mounted中），解决办法
KingIQueen的博客
06-02 1301
当父组件axjos获取数据，子组件使用props接收数据时，执行mounted的时候axjos还没有返回数据，而且mounted只执行一次，这时 props中接收的数据为空 解决方案：在对应组件中判断数据的长度 ...
vue 加载时掉用mounted_vue 页面回退mounted函数不执行的问题及解决方法
weixin_39531037的博客
12-19 2309
前言最近做项目碰到一个很头大的问题--从a页面跳到b页面进行编辑，编辑完再返回a页面，却没走a页面的钩子函数mounted，数据没有更新经过一番面向百度研究，终于找到了问题所在。接下来就记录一下这个问题及其解决的方法。原理解决这个问题的关键就在于对keep-alive的理解和activated钩子函数的使用。当在项目中引入keep-alive的时候，页面第一次进入，钩子函数的触发顺序created...
父组件给子组件传值如果子组件不响应怎么办？
init_yanxiao的博客
04-17 580
如果放certed里面肯定是不会相应的，所以子组件要把父组件传过来的值放到watch里面 watch: { data(n，o) { // n为新值,o为旧值; const arr = [...n] //解构是为了将与父组件的数据空间拆散 this.tableData = arr } },``` ...
angular 4 父子组件异步交互
weixin_30559481的博客
05-30 221
angular 4 父子组件数据异步交互 通过输入和输出属性 实现数据在父子组件的交互在子组件内部使用@input接受父组件传入数据，使用@output传出数据到父组件详细标准讲解参考官方文档https://angular.cn/guide/template-syntax#inputs-outputs 但是我在开发中遇到这样一个问题，当父组件传入的数据是在网络请求回来之后才被赋值，这时的子组件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值