【vue】在HTML上显示后端接口返回的图片

• 问题描述：请求后端接口后返回了一张图片，没法直接展示在页面，需要先转化为blob再通过图片src显示

• HTML部分

<el-form-item >
	<img :src="labelImg" alt="" width="100px" >
</el-form-item>

• js部分

export default {
	data(){
		return {
		labelImg: ''
		}
	},
	method:{
	getSlice() {
      this.$http.get(`/api/`, { responseType: 'blob' })
        .then((res) => {
          //blob文档流转为url
          this.labelImg = URL.createObjectURL(res.data)
          console.log(this.labelImg)
        })
    },
	}
}