
父组件给子组件传值,在HTML中for循环可以渲染数据没有问题,

但是我此时在子组件中的mounted用到这个数据时,打印出来为空
这是因为子组件挂载的时候,这个itemList父组件里也是为空的,后来父组件做了请求之类的工作后,更新了这个itemList然后往子组件里面传递,所以开始挂载的时候是itemLIst是空的,后来才有值,所以html看起来能渲染出来,实际它之前渲染过一次空的了,只不过两次时间间隔可能比较短。
解决的方法是用watch 来监听Props中的数据然后做出响应的操作

父组件给子组件传值,在HTML中for循环可以渲染数据没有问题,
但是我此时在子组件中的mounted用到这个数据时,打印出来为空
这是因为子组件挂载的时候,这个itemList父组件里也是为空的,后来父组件做了请求之类的工作后,更新了这个itemList然后往子组件里面传递,所以开始挂载的时候是itemLIst是空的,后来才有值,所以html看起来能渲染出来,实际它之前渲染过一次空的了,只不过两次时间间隔可能比较短。
解决的方法是用watch 来监听Props中的数据然后做出响应的操作
本文标题:父组件给子组件传值,子组件在mounted里面打印为空
本文链接:https://www.haomeiwen.com/subject/bolyeftx.html
网友评论