Heim  >  Artikel  >  Web-Frontend  >  vue.js implementiert die Druckerverbindung

vue.js implementiert die Druckerverbindung

零到壹度
零到壹度Original
2018-03-26 10:16:075314Durchsuche

In diesem Artikel wird hauptsächlich die Verbindung des Druckers mit vue.js vorgestellt. Der Artikel stellt es ausführlich anhand des Beispielcodes vor, der einen gewissen Referenz- und Lernwert hat.

<p class="dialogCare">
        <span>hello word!</span>   //要打印的内容</p>
<button  @click="printBtn()">打 印</button>
 printBtn(){      let newstr = document.getElementsByClassName(&#39;dialogCare&#39;)[0].innerHTML;
      console.log(newstr)
      window.document.body.innerHTML = newstr;      let oldstr = window.document.body.innerHTML;
      window.print();
      window.location.reload();   //解决打印之后按钮失效的问题
      window.document.body.innerHTML = oldstr;      return false;
    },

Verwandte Empfehlungen:

jquery zum Anschließen des Druckers

API zum Anschließen der Drucker

JAVA verbindet Drucker zum Drucken von Belegen

Das obige ist der detaillierte Inhalt vonvue.js implementiert die Druckerverbindung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn