我用的Vue2.0开发项目,用到了vue-router和swiper.js插件,做法就是从服务器端获取数据,然后将数据prop给swiper子组件,在子组件mounted钩子中使用数据实例化成轮播图。但是发现父组件prop数据给子组件。子组件接收不到,debug之后发现子组件钩子实例化轮播图在获取数据之前执行,导致我的数据获取不到,轮播图也一直实例化不了,有没有什么办法先获取数据在执行子组件的钩子函数呢??
报错信息
这是父组件
这是子组件
我用的Vue2.0开发项目,用到了vue-router和swiper.js插件,做法就是从服务器端获取数据,然后将数据prop给swiper子组件,在子组件mounted钩子中使用数据实例化成轮播图。但是发现父组件prop数据给子组件。子组件接收不到,debug之后发现子组件钩子实例化轮播图在获取数据之前执行,导致我的数据获取不到,轮播图也一直实例化不了,有没有什么办法先获取数据在执行子组件的钩子函数呢??
报错信息
这是父组件
这是子组件
13 回答13.1k 阅读
7 回答2.3k 阅读
5 回答1.6k 阅读
5 回答1.9k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
6 回答1.5k 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
可以加个v-if,加载到数据后再创建这个组件:
<com-swiper v-if="list.goodsImg" :data-source="list.goodsImg"></com-swiper>