vue父组件异步获取数据传给子组件
https://blog.csdn.net/dongguan_123/article/details/80317871
下面这个更加直观一点
https://segmentfault.com/q/1010000013345427
下面来看我操作
this.axios.get('api/goods').then((res) => {
this.recommends = res.data.data.info
console.log(res.data.data.info)
}, function(err) {
console.log(err)
})
this.axios.get('api/getgoods').then((res) => {
this.skuArr = res.data.data.data
console.log(res.data.data.data)
}, function(err) {
console.log(err)
})
打印一下
给子组件传数据
<Food :skuArr = "skuArr"></Food>
data() {
return {
skuArr: []
}
},
子组件
props: {
skuArr: {}
},
<div class="sku_specification2 choose_sku2">
<div v-for="(item,n) in skuArr.skuList" :key="n">
<p class="sku_title2 margin_bottom">{{item.name}}</p>
</div>
</div>
这里111是我获取的数据
哝,对比一下
我发现,我前面一直想错了,其实是在点击时候再去发起请求,这样数据就是直接在子组件里面的点击事件里面请求 了,亲测这样是可以实现的,现在的问题是,我之前在登录页面提交的数据是通过路由传到下一个页面的,但是师傅告诉我,尽量不要携带参数上去,那我就再学习一下怎么保存值传到下一个页面吧。