javascript - vue父子通信与数据动态更新

问题描述

问 题

父组件

<pagination :pages="allData"></pagination>

子组件接收pages参数

---

现在我的处理方法是，父组件中allData初始为 []，当router进入时发起get请求获取数据，将响应数据赋值给allData。

结果无论如何子组件中的pages始终不能更新，一直为[]。

求教啊。

解决方案

2017.01.22 更新
其实不是父子之间通信的问题，是我个人理解错了。
没搞清楚 router钩子函数中next回调函数的真正意义，调用方式有问题。
只需要把next放在ajax请求的回调中执行就没问题了，说到底还是异步的问题。

------------------分割线----------------

把 allData = [1, 2, 3]
改成 allData.push(1, 2, 3)

结果从 原来的什么都没有，变成了下边这个

结果依然是个长度为0的数组，但是其中内部显示有我成功赋值的数组。

这篇关于javascript - vue父子通信与数据动态更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！