父组件传值:
<comBaseInfo v-bind:bCompanyBO="bCompanyBO" ></comBaseInfo>
子组件通过props接收并在el-avatar中使用值:
<el-avatar shape="square" :size="55" :src="circleUrl" ></el-avatar>
props: ['bCompanyBO'],
data() {
return {
circleUrl: this.global.fileBaseUrl+this.bCompanyBO.logopath,
staffSizeList:[],//人员规模列表
financingSituationList:[],//融资情况列表
workingYearsList:[],
educationList:[],
salaryRequireList:[],//期望薪资
url:'',
}
},
值为undefined
原因:
props是异步的,还没有把值给到子页面就报错了。
修改:
加watch监听值是否变化
<el-avatar shape="square" :size="55" :src="url" :key="url" ></el-avatar>
props: ['bCompanyBO'],
data() {
return {
circleUrl: this.global.fileBaseUrl,
staffSizeList:[],//人员规模列表
financingSituationList:[],//融资情况列表
workingYearsList:[],
educationList:[],
salaryRequireList:[],//期望薪资
url:'',
}
},
watch:{
bCompanyBO:function(val){
this.url =this.circleUrl + val.logopath;
}
}
赋完值图片就可以显示了。