代码如下:
<van-uploader :after-read="afterRead" v-model="fileList" multiple />
<div class="displayArea" >
<img class="objectImg" ref="good"/>
</div>
</div>
afterRead(file){
this.$refs.good.src = file.content
}
想要使用uploadert上传图片,并且回显,需要在 组件中有一个 img的显示空间,通过改变img的src的路径来显示图片,
那么我们就需要使用ref
通过ref在组件中进行命名,然后我们可以通过this.$refs.xxx来获得dom组件进行操控,来实现照片回显
这样的话使用ref更快捷方便的获取Dom元素