Vue enthält die Lösung zum Laden von Header-Bildern
Wenn für den Zugriff auf die URL eine Berechtigung zum Zugriff erforderlich ist (wenn Sie ein Token mit sich führen müssen), können Sie diese zuerst mit axios herunterladen, dann in eine URL konvertieren und über URL.createObjectURL () img zuweisen.
async getBarcode(row) {
const { data: result } = await this.$axio.get(
"book/barcode?id="+row.id,
{
//设定接收类型为blob,头部什么的自行添加
responseType:'blob',
}
);
//赋值给变量
this.barcodeUrl=URL.createObjectURL(result);
this.barcodeDialogVisible=true;
},
<el-image style="width: 200px; height: 100px" :src="barcodeUrl" placeholder="Barcode"></el-image>