vue父子组件传值之异步之后子组件无法拿到父组件传的值

3,081

在vue中父子组件传值是非常常见的,父组件给子组件传值使用的是props,子组件给父组件传值使用的是$emit

但是今天就不详细的介绍父子组件之间传值,在这里我们介绍的是子组件在异步请求回来的参数无法传递给子组件,子组件拿到的父组件的传递过来的参数一直是undefined,这里主要介绍一下如何拿到异步之后的数据:

主要介绍一下两种方法给大家:

方法1:

1.在我的子组件开始的时候初始化我的参数,在父组件调用子组件的时候,利用ref属性直接调用我的子组件的初始化方法;具体代码如下:

如上图是我子组件的初始化方法,这样就不用在props里面定义我父组件传递的参数,只需要在data中定义我需要的参数:

然后在我的父组件中直接调用我的子组件的初始化参数方法, 具体代码如下:

写的好累

----------------------------------我是华丽丽的分割线-------------------------------------------