父组件
import multipleUpload from '@/components/multipleUpload'
export default {
components: {multipleUpload},
data () {
return {
option:{
title: '添加照片',
maxNum: 10,
icon: ''
},
imgArr: []
}
},
}
<multipleUpload ref="mUpchild" @delUrl="urlDelidx" @getUrlAll="urlAll" :option="option"></multipleUpload>
获取到数据之后调用函数传参
//此处调用接口获取数据
var th=this
th.imgArr = res.data.show_pics? res.data.show_pics : []
setTimeout(() => {
th.showpics()
},100)
接下来是函数
showpics () {
this.$refs.mUpchild.showDefult(this.imgArr)
},
子组件中的函数
showDefult(arr) {
this.yulanArr = arr
//此处就把父组件传来的值赋值给了子组件中的yulanArr了,就看自己情况使用数据了
},