Ich muss zwei externe Skripte für die Zahlungsgateways verwenden. Im Moment sind beide in der 'index.html' Datei gespeichert. Ich möchte diese Dateien jedoch nicht am Anfang selbst laden. Das Zahlungs-Gateway wird nur benötigt, wenn der Benutzer eine bestimmte Komponente öffnet (unter Verwendung der Router-Ansicht). Gibt es das überhaupt, um das zu erreichen?
Eine einfache und effektive Möglichkeit, dies zu lösen, besteht darin, Ihr externes Skript in das vue created() Ihrer Komponente einzufügen. Ich werde Sie mit dem Skript Google Recaptcha veranschaulichen:
Quelle: Ссылка
Verwenden Sie eine der Webpack-Starter-Vorlagen für vue ( Ссылка )? Es ist bereits eingerichtet mit vue-loader ( Ссылка ). Wenn Sie keine Starter-Vorlage verwenden, müssen Sie Webpack und Vue-Loader einrichten.
Sie können dann import Ihre Skripte zu den relevanten (einzelne Datei) Komponenten hinzufügen. Vorher müssen Sie export von Ihren Scripts, was Sie import zu Ihren Komponenten machen wollen.
~ Bearbeiten ~
Sie können von diesen Wrappern importieren:
- Ссылка
- Ссылка
Sie können vue-loader verwenden und Ihre Komponenten in ihren eigenen Dateien (einzelne Dateikomponenten) codieren. Dies ermöglicht es Ihnen, Skripte und CSS auf einer Komponentenbasis aufzunehmen.
Mit Webpack und Vue Loader können Sie so etwas machen
Es wartet darauf, dass das externe Skript geladen wird, bevor die Komponente erstellt wird. Daher sind in der Komponente
globar vars usw. verfügbar %Vor%Mit diesem Plug-In sparen Sie viele Tastenanschläge und Stress
Tags und Links vue.js vue-component vuejs2 vue-router