<uni-forms-item label="个人形象照" style="flex-direction: column;">
<uni-file-picker limit="1" :del-icon="false" disable-preview v-model="headUrl" @select="select"
@progress="progress" @success="success" file-mediatype="image"></uni-file-picker>
</uni-forms-item>
data() {
return {
baseURL: baseURL,
headUrl: [],
baseFormData: {
headUrl: '',
},
}
},
初始化回显的时候,要先判断一下接口里的字段是否为空,如果不判断那就显示是这个样子
if (this.userInfo.headUrl !== '' && this.userInfo.headUrl !== 'NULL') {
this.headUrl[0] = {
url: this.baseURL + this.userInfo.headUrl,
id: 1
}
}
有时候初始化直接复制,打印日志也能输出,但是图片就是没回显,使用$set
方法来更新数组元素,这样可以确保能够正确地响应数据变化并更新视图
this.$set(this.headUrl, 0, {
url: this.baseURL + res.data.obj.records[0].zyyszgzs,
id: 1
});