Quasar CLI VUE instance

Question

Aidez-moi à résoudre ce problème. J'utilise jquery et jquery-ui pour implémenter le drag & drop dans QASAR CLI. Mais je me suis heurté au fait que je ne peux pas accéder à l'instance vue à partir des événements de la fonction jquery, car "this" n'appartient plus à Vue, mais se réfère à l'élément sélecteur. Dites-moi comment je peux me référer directement à l'instance vue comme cela pourrait être fait dans la version cdn. Là, vous pourriez simplement donner le nom app = new Vue ... Et ensuite l'utiliser comme app.data.variable

Answer 1

Je pense qu'il s'agit plus d'une question de javascript que de quasar/vue/jquery. Vous pouvez facilement définir la valeur de this par un bind fonction

let someFunction = function () {
  console.log(this);
}

someFunction();

const obj = { 'test': 123 };

someFunction = someFunction.bind(obj);

someFunction();

La même chose s'applique aux gestionnaires de fonctions jquery. Je suppose que vous pourriez passer votre instance à la place de obj

$(window).ready(function () {
  console.log(this);
}.bind(obj));