Quasar CLI VUE 实例

Posted 2023-02-19

【中文标题】Quasar CLI VUE 实例

【英文标题】：Quasar CLI VUE instance

【发布时间】：2021-01-30 22:32:57

【问题描述】：

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

【参考方案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));