none
Imprimir QR (Vue JS) RRS feed

  • Pregunta

  • Hola!

    Estoy tratando de imprimir un QR que se muestra en un modal. Tengo un boton que dice "Imprimir Código" que quiero que mande solamente ese QR a imprimir, ya trate de varias maneras pero aún no lo logro.

    Estoy utlizando la librería  xkeshi/vue-qrcode y este es mi código:

        

    <qrcode:value="value":options="{size: 200,  foreground: 'black'}"v-html="QRcodigo"></qrcode>

    <buttonclass="btn btn-primary"@click="print(QRcodigo)">IMPRIMIR CÓDIGO</button>

    print(QRcodigo){
              alert(QRcodigo);
              var mywindow = window.open('', 'Print', 'height=600,width=800');
     
              mywindow.document.write('<html><head><title>Imrpimir Código</title>');
              mywindow.document.write('</head><body >');
              mywindow.document.write(QRcodigo);
              mywindow.document.write('</body></html>');
     
              mywindow.document.close();
              mywindow.focus()
              mywindow.print();
              mywindow.close();
                     
          },
      El problema es que "QRcodigo" lo manda undefined.

    martes, 20 de febrero de 2018 14:52