方法有两种,
方法一:
props传值,这里注意一个问题,传过来的值需要用watch监听并赋值,否则这里获取到的是空数组
父组件:
1 | <uploadImg :width= "200" :height= "200" name= "productImage" size= "750px*750px" ref= "productImage" :src-list= "this.productImage" ></uploadImg> |
1 | this .productImage=res.data.cover; |
这里把通过后台返回的数组赋值给
this.productImage
,然后把该数组传给子组件定义的props属性src-list
子组件:
1 2 3 4 5 6 7 8 | watch:{ srcList(curVal,oldVal){ if (curVal){ ; this .uploadImg=curVal; } }, } |
然后子组件成功获取到该数组
方法二:
通过ref属性,父组件调用子组件的方法,把要传的数组作为参数传给子组件,子组件获取该参数,并使用
父组件:
1 | this .$refs.productImage.getSrcList(res.data.cover); |
子组件:
1 2 3 | getSrcList(val){ this .uploadImg=val; } |