vue js und externe jquery Bibliothek

Question

Ich habe Projekt auf Laravel mit Vue js 2. I erstellte Komponente Card.vue wo ich jquery Datei-Upload verwenden möchten plugin- https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin

für das i 3 js Dateien verbinden müssen

Ich versuche, diese Dateien in der Fußzeile der Hauptseite, in der Komponente zu verbinden, aber es funktioniert nicht. Könnten Sie mir bitte helfen - wie kann ich externe jquery libs mit vue js Komponenten verbinden? Danke

Answer 1

Ich würde versuchen, Npm-Module zu verwenden, um Jquery-Plugins für solche Fälle zu laden. https://www.npmjs.com/package/blueimp-file-upload. Wenn Sie eine webpack Setup dann können Sie jquery durch ProvidePlugins npm installieren laden jquery diese dann config in Ihrem webpack platzieren

plugins:[ new webpack.ProvidePlugin({ $: "jquery", jQuery:'jquery', jquery:'jquery' }), ], Ich weiß nicht, das Setup für browserify aber die Idee, hier ist es, diese Plugins zu verwenden über Npm, weil es zuverlässiger ist. Ich hatte eine ähnliche Situation mit jquery fullcalendar und schaffte es, es durch die Installation der entsprechenden npm-Bibliotheken zu arbeiten.

Btw können Sie die Fehler spezifizieren, die Sie erhielten oder mindestens mehr Details?