【vue】组件传值异步问题--子组件拿到数据较慢

问题的出现:

之前写静态页面的时候,直接父向子传值,是直接能渲染出父组件给子组件的值,但是加上请求之后,就出现了一个问题,就是在组件创建和渲染完毕时,子组件的值才拿到,子组件并没有实时的更新模版(简直就是灾难始终慢我一步!!!)

产生的原因:

子组件中的created、mounted只执行一次,在父组件初始化时,已经给子组件传了一个空值,导致异步请求数据发生变化时,子组件的值不再变化。

解决办法:

就是让他没有发请求拿到数据时,不让他去创建子组件给它传值,因此给其加一个v-if指令来限制他是否能创建子组件,类似于节流的思想。
接着上代码,来展示一下怎么解决

data数据里

      flag: false

请求的方法里

    // 得到学生数据
  
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Triumph-light

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值