天天看点

子组件未渲染页面的传入值。

例子:

页面在onLoad() 调用接口。(有延迟)

接口返回值,将值通过数据绑定传递给子组件。子组件在mounted() 中拿到值并渲染。

(问题来了。万一调用接口的数据返回太慢了,在接口返回数据还没之前,子组件的mounted()已经开始运行了。由于mounted()中方法只会运行一次,即使页面之后获取到了接口的值并赋给子组件,子组件页面也不会重新渲染展示数据。)

所以。需要让子组件知道这个值已经有了,再初始化并渲染。

这里,可以使用v-if 配合一个flag来控制子组件的渲染状态。 flag默认为false,只有当接口数据拿到并已经将需要的数据绑定给了子组件,才将flag置为true。则子组件可正确显示数据。

否则,就看天了。。o((⊙﹏⊙))o.