tutoriel suivant sur le site vue2 ne peut pas obtenir un tiers plugin jquery select2 pour travailler

Question

J'ai essayé de mettre en œuvre ce:

https://vuejs.org/v2/examples/select2.html

Je ne fais pas de SPA, bien que j'utilise des composants Vue dans ma page.

[Vue warn]: Error in mounted hook: "TypeError: $(...).select2 is not a function"

trouvé dans

Je reçois cette erreur

Error in mounted hook: "TypeError: $(...).select2 is not a function" 

found in <Select2> at 
C:\laragon\www\lara\resources\assets\js\components\ui\Select2.vue 

Je comprennent à la fois Select2 et mes vuejs dans le fichier html:

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> 
<script src="{{ asset('js/content_type_blocks.js') }}?{{ str_random(7) }}"></script> 

Je me demande pourquoi puis-je obtenir la erreur que select2 n'est pas une fonction?

Answer 1

Au moment où Initialisation du plugin Select2, jquery n'avait pas encore été chargé dans une pile globale.

---

proposent plusieurs solutions:

• simplement ajouter Select2 via NPM npm install --save select2 puis l'importer
• Je vous conseille d'utiliser plus convivial Selectize.js De plus, il est un prêt à l'emploi Vue- composant vue2-selectize. Aussi pls regarder ce test de performance: https://jsperf.com/chosen-select2-selectize
• vous pouvez essayer d'utiliser une solution similaire, écrit spécialement pour la Vue: https://github.com/monterail/vue-multiselect