So verwenden Sie die Lodop-Drucksteuerung in Vue, um browserkompatibles Drucken zu erreichen

drucken(){
   let LODOP = getLodop();
   LODOP.PRINT_INITA(0,0,800,1600,"Standortnamen drucken");
   LODOP.SET_PRINT_PAGESIZE(1,700,500,"") //Papiergröße festlegen LODOP.NewPage(); //Initialisieren LODOP.SET_PRINT_MODE("RESELECT_PRINTER",true);
    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::3s::::::333:33333333333333333333ag33333333333333333333333333333 es333333333333333333333333333333 es33 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann dann dann dann aber33333333333333333333 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 nicht3 dann3 dann3 aber3 dann3 nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht nicht dann nichtie dasen aber aber abersossoss aberstens aberstensss aberten aber abers :::::::::::

//==Dieses JS ist ein umfassendes Beispiel für das Laden des Lodop-Plug-Ins und des CLodop-Dienstes. Es kann direkt verwendet werden. Es wird empfohlen, es nach dem Verständnis in Ihr eigenes Seitenprogramm zu integrieren==

var ErstelltOKLodopObject, CLodopIsLocal, CLodopJsState;


//==Feststellen, ob CLodop benötigt wird (für Browser, die keine Plug-Ins unterstützen):==
Exportfunktion needCLodop() {
  versuchen {
    var ua = navigator.userAgent;
    wenn (ua.match(/Windows\sPhone/i))
      gibt true zurück;
    wenn (ua.match(/iPhone|iPod|iPad/i))
      gibt true zurück;
    wenn (ua.match(/Android/i))
      gibt true zurück;
    wenn (ua.match(/Edge\D?\d+/i))
      gibt true zurück;

    var verTrident = ua.match(/Trident\D?\d+/i);
    var verIE = ua.match(/MSIE\D?\d+/i);
    var verOPR = ua.match(/OPR\D?\d+/i);
    var verFF = ua.match(/Firefox\D?\d+/i);
    var x64 = ua.match(/x64/i);
    wenn ((!verTrident) && (!verIE) && (x64))
      gibt true zurück;
    sonst wenn (verFF) {
      verFF = verFF[0].match(/\d+/);
      wenn ((verFF[0] >= 41) || (x64))
        gibt true zurück;
    } sonst wenn (verOPR) {
      verOPR = verOPR[0].match(/\d+/);
      wenn (verOPR[0] >= 32)
        gibt true zurück;
    } sonst wenn ((!verTrident) && (!verIE)) {
      var verChrome = ua.match(/Chrome\D?\d+/i);
      wenn (verChrome) {
        verChrome = verChrome[0].match(/\d+/);
        wenn (verChrome[0] >= 41)
          gibt true zurück;
      }
    }
    gibt false zurück;
  } fangen (Fehler) {
    gibt true zurück;
  }
}

//==Referenzieren Sie das Haupt-JS von CLodop und verwenden Sie die dualen Ports 8000 und 18000 (falls einer davon belegt ist):==
wenn (braucheCLodop()) {
  var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
  
  var JS1 = document.createElement("Skript");
  JS1.src = "http://localhost:8000/CLodopfuncs.js?priority=1";
  Kopf.insertBefore(JS1, Kopf.erstesKind);

  var JS2 = document.createElement("Skript");
  JS2.src = "http://localhost:18000/CLodopfuncs.js?priority=0";
  Füge zuerst ein Element hinzu, das für die erste Kinddatei gültig ist.

  CLodopIsLocal = !!((JS1.src + JS2.src).match(/\/\/localho|\/\/127.0.0./i));

  wenn (JS1.attachEvent) {
  	CLodopJsState = "wird geladen";
    var beiÄnderung = Funktion(){ 
	   wenn (window.event.srcElement.readyState == 'geladen')        
	   CLodopJsState = "abgeschlossen";
	};
	JS1.attachEvent('beiReadystatechange',beiÄnderung);
	JS2.attachEvent('beiReadyStateChange',beiÄnderung);
  }
}

//==Rufen Sie den Hauptprozess des LODOP-Objekts ab, um festzustellen, ob es installiert ist und ob es aktualisiert werden muss:==
Exportfunktion getLodop(oOBJECT, oEMBED) {
  var strHtmInstall = "<br><font color='#FF00FF'>Drucksteuerung ist nicht installiert! Klicken Sie hier <a href='https://wms.warehousing.com/download/install_lodop32.exe' target='_self'>um die Installation durchzuführen</a>, bitte aktualisieren Sie die Seite oder rufen Sie sie nach der Installation erneut auf.</font>";
  var strHtmUpdate = "<br><font color='#FF00FF'>Die Drucksteuerung muss aktualisiert werden! Klicken Sie hier <a href='https://wms.warehousing.com/download/install_lodop32.exe' target='_self'>um die Aktualisierung durchzuführen</a>, bitte kommen Sie nach der Aktualisierung erneut hierher.</font>";
  var strHtm64_Install = "<br><font color='#FF00FF'>Drucksteuerung ist nicht installiert! Klicken Sie hier <a href='https://wms.warehousing.com/download/install_lodop64.exe' target='_self'>, um die Installation durchzuführen</a>. Bitte aktualisieren Sie die Seite oder rufen Sie sie nach der Installation erneut auf.</font>";
  var strHtm64_Update = "<br><font color='#FF00FF'>Die Drucksteuerung muss aktualisiert werden! Klicken Sie hier <a href='https://wms.warehousing.com/download/install_lodop64.exe' target='_self'>um die Aktualisierung durchzuführen</a>, bitte kommen Sie nach der Aktualisierung erneut hierher.</font>";
  var strHtmFireFox = "<br><br><font color='#FF00FF'> (Hinweis: Wenn Sie die alte Version des Lodop-Anhangs npActiveXPLugin installiert haben, deinstallieren Sie diese bitte zuerst unter [Tools] -> [Add-ons] -> [Erweiterungen])</font>";
  var strHtmChrome = "<br><br><font color='#FF00FF'>(Wenn es vorher normal war, ist das Problem nur aufgrund eines Browser-Upgrades oder einer Neuinstallation aufgetreten und Sie müssen die obige Installation erneut ausführen)</font>";
  var strCLodopInstall_1 = "<br><font color='#FF00FF'>Der Webdruckdienst CLodop ist nicht installiert und gestartet. Klicken Sie hier, um ihn <a href='https://wms.warehousing.com/download/CLodop_Setup_for_Win32NT.exe' target='_self'>herunterzuladen und zu installieren</a>";
  var strCLodopInstall_2 = "<br>(Wenn es bereits installiert wurde, können Sie <a href='https://wms.warehousing.com/download/CLodop.protocol:setup' target='_self'>hier klicken, um erneut zu beginnen</a>)";
  var strCLodopInstall_3 = "Bitte aktualisieren Sie diese Seite nach Erfolg.</font>";
  var strCLodopUpdate = "<br><font color='#FF00FF'>Der Webdruckdienst CLodop muss aktualisiert werden! Klicken Sie hier <a href='https://wms.warehousing.com/download/CLodop_Setup_for_Win32NT.exe' target='_self'>, um die Aktualisierung durchzuführen</a>. Bitte aktualisieren Sie die Seite nach der Aktualisierung.</font>";
  var LODOP;
  versuchen {
    var ua = navigator.userAgent;
    var isIE = !!(ua.match(/MSIE/i)) || !!(ua.match(/Trident/i));
    wenn (braucheCLodop()) {
      versuchen {
        LODOP = getCLodop();
      } fangen (Fehler) {}
      wenn (!LODOP && (document.readyState !== "abgeschlossen" || (isIE && CLodopJsState == "wird geladen")) ) {
        alert("Die Webseite wurde noch nicht heruntergeladen. Bitte warten Sie einen Moment, bevor Sie den Vorgang fortsetzen.");
        zurückkehren;
      }
      wenn (!LODOP) {
        document.body.innerHTML = strCLodopInstall_1 + (CLodopIsLocal ? strCLodopInstall_2 : "") + strCLodopInstall_3 + document.body.innerHTML;        
        zurückkehren;
      } anders {
        wenn (CLODOP.CVERSION < "3.0.9.3") {
          Dokument.Body.innerHTML = strCLodopUpdate + Dokument.Body.innerHTML;
        }
        wenn (oEMBED && oEMBED.parentNode)
          oEMBED.parentNode.removeChild(oEMBED);
        wenn (oOBJECT && oOBJECT.parentNode)
          oOBJECT.parentNode.removeChild(oOBJECT);
      }
    } anders {
      var is64IE = isIE && !!(ua.match(/x64/i));
      //==Wenn die Seite Lodop hat, verwenden Sie es direkt, andernfalls erstellen Sie ein neues:==
      wenn (oOBJECT || oEMBED) {
        wenn (istIE)
          LODOP = oOBJEKT;
        anders
          LODOP = oEMBED;
      } sonst wenn (!CreatedOKLodopObject) {
        LODOP = Dokument.createElement("Objekt");
        LODOP.setAttribute("Breite", 0);
        LODOP.setAttribute("Höhe", 0);
        LODOP.setAttribute("Stil", "Position:absolut;links:0px;oben:-100px;Breite:0px;Höhe:0px;");
        wenn (istIE)
          LODOP.setAttribute("Klassen-ID", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
        anders
          LODOP.setAttribute("Typ", "Anwendung/x-print-lodop");
        Dokument.Dokumentelement.AnhängenUntergeordnetesElement(LODOP);
        ErstelltOKLodopObject = LODOP;
      } anders
        LODOP = ErstelltOKLodopObject;
      //==Download-Adresse angeben, wenn das Lodop-Plugin nicht installiert ist:==
      wenn ((!LODOP) || (!LODOP.VERSION)) {
        wenn (ua.indexOf('Chrome') >= 0)
          Dokument.body.innerHTML = strHtmChrome + Dokument.body.innerHTML;
        wenn (ua.indexOf('Firefox') >= 0)
          Dokument.body.innerHTML = strHtmFireFox + Dokument.body.innerHTML;
        document.body.innerHTML = (is64IE ? strHtm64_Install : strHtmInstall) + document.body.innerHTML;
        LODOP zurückgeben;
      }
    }
    if (LODOP.VERSION < "6.2.2.6") {
      wenn (!needCLodop())
        document.body.innerHTML = (is64IE ? strHtm64_Update : strHtmUpdate) + document.body.innerHTML;
    }
    //===Folgende Leerstellen eignen sich zum Aufruf vereinheitlichter Funktionen (wie z.B. Registrierangaben, Sprachauswahl, etc.):==



    //=======================================================
    LODOP zurückgeben;
  } fangen (Fehler) {
    alert("getLodop-Fehler: " + err);
  }
}