| Tabla de contenidos |
|---|
...
Recibir PDF y darle el formato necesario
Para recibir archivos PDF del backend, se nos enviarán como un array de bytes. Si se nos envía directamente ese array como cuerpo de la respuesta, podemos especificar desde Axios el tipo de respuesta, así:
...
| Bloque de código | ||
|---|---|---|
| ||
<script>
import pdfUtil from "@/util/pdfUtil.js";
export default {
...
computed: {
// Para el visor de pdf
pdfVisor: function() {
if(this.objConPdf) {
return pdfUtil.pdfVisor(this.objConPdf.pdf)
}
return null
}
},
methods: {
getObjConPdf() {
this.servicioRest.getPdf().then((response) => {
if (response.status == 200) {
this.objConPdf = response.data;
this.objConPdf.pdf = pdfUtil.base64DecToArr(this.objConPdf.pdf).buffer;
}
});
},
// Mapeamos el método del pdfUtil a uno del componente, pues desde el <template> no se pueden acceder a los métodos importados
descargarPdf: pdfUtil.descargarPdf,
},
};
</script> |
Visor de PDF
Para Vue tenemos disponible vue-pdf, que podemos descargar con:
...