Vue父组件异步请求数据传递给子组件的值为空的解决方法
Sonder
2020-10-23
524字
1分钟
浏览 (2.5k)
场景如下：
父组件：
这里我把获取的值存在vuex里面了
created() {
this.id = this.$route.query.id;
let params = {action : {goodsKeyNo: this.id}};
this.$store.dispatch('getGameDetails', params).then(res => {
if(res.success){
this.goodsData = res.data;
}
});
},子组件：
<swiper-goods ref="mingyuedao-goods" @addCollect="addCollect" @newBuy="newBuy" v-if="goodsData.carouselImages.length > 0"/>解决方法：
v-if="goodsData.carouselImages && goodsData.carouselImages.length > 0"