VueJs + Jquery + Jquery ui

Thomas Jarrier
Javascript

Bonjour,

Voila je rencontre un petit problème avec mon code. Mon application est réalisée avec VueJs cependant je recontre un petit problème car je n'arrive pas à utiliser jquery ui (pour le drag and drop principalement) avec VuejS.
J'ai essayé d'installer celui avec npm sans aucun succes.

Il faudrait que je puisse rendre mes elements draggable lors de l'update de mes données VueJs (récupérer via une API)
Lors de mes test, la console du navigateur me dis que $(...).draggable() n'est pas une fonction, de même pour toute les autres fonction jquery (datepicker, droppable,...).

Merci d'avance.

Cordialement,

3 réponses

Thomas Jarrier
Auteur
Réponse acceptée

La solution est d'installer' jquery-ui-bundle' et non 'jqeury-ui' car ce n'est pas une version totalement stable et supportée.

Lartak

Bonjour.
Montres nous comment sont chargés tes fichiers js.

Thomas Jarrier
Auteur

Mes éléments sont chargés avec un 'import', j'ai aussi essayé avec un require mais aucunes solutions...
Mes dépendances (jquery, jquery-mousewheel, etc) marchent très bien.
Mon problème viens excusivement de jquery-ui...

import Vue from 'vue';
import $ from 'jquery';
import jQuery from 'jquery';
import mousewheel from 'jquery-mousewheel';
import 'jquery-ui';

// export for others scripts to use
window.$ = $;
window.jQuery = jQuery;
window.mousewheel = mousewheel;