问

javascript - Vue2.0父子组件prop数据的一个问题？

exd4665786 发布于 2022-11-27 20:08

我用的Vue2.0开发项目，用到了vue-router和swiper.js插件，做法就是从服务器端获取数据，然后将数据prop给swiper子组件，在子组件mounted钩子中使用数据实例化成轮播图。但是发现父组件prop数据给子组件。子组件接收不到，debug之后发现子组件钩子实例化轮播图在获取数据之前执行，导致我的数据获取不到，轮播图也一直实例化不了，有没有什么办法先获取数据在执行子组件的钩子函数呢？？

报错信息

这是父组件

这是子组件

3 个回答

为什么不是在父组件定义data的时候定义好呢
list: {
imgs: []
}

2022-11-27 21:18 回答

手机用户2702932507
用updated是不是就行了。子组件应该也有

2022-11-27 21:18 回答

多米音乐_34324431
可以加个v-if，加载到数据后再创建这个组件：

<com-swiper v-if="list.goodsImg" :data-source="list.goodsImg"></com-swiper>

2022-11-27 21:18 回答

hellopc

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签