Quasar CLI VUE 实例

【问题标题】：Quasar CLI VUE instanceQuasar CLI VUE 实例
【发布时间】：2021-01-30 22:32:57
【问题描述】：

请帮我解决问题。我正在使用 jquery 和 jquery-ui 在 QASAR CLI 中实现拖放。但是我遇到了无法从 jquery 函数事件访问 vue 实例的事实，因为“this”不再属于 Vue，而是指选择器元素。告诉我如何直接引用 vue 实例，因为它可以在 cdn 版本中完成。在那里，您可以只命名 app = new Vue ... 然后将其用作 app.data.variable

【问题讨论】：

标签： vue.js vue-cli quasar-framework quasar

【解决方案1】：

我相信这是更多的 javascript 问题，而不是 quasar/vue/jquery。您可以通过bind 函数轻松设置this 的值

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

someFunction();

const obj = { 'test': 123 };

someFunction = someFunction.bind(obj);

someFunction();

同样的事情也适用于 jquery 函数处理程序。我想你可以传递你的实例而不是 obj

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

【讨论】：