在Vue.js中对自动完成的updateData jQuery进行材料化

Question

我正在使用实现自动完成组件，我需要动态更新其字段。

jQuery方法：

$('input.autocomplete').autocomplete('updateData', paramName);

作为paramName，我必须传递一个包含新值以更新的vue变量。我已经尝试过传递字符串数组，但是没有用。

ps.s。我正在vue脚本中使用jquery函数

Answer 1

您需要等待Vue.js渲染完成。试试：

Vue.nextTick(function() {
  $('input.autocomplete').autocomplete('updateData', paramName);
});

请参阅：Vue.nextTick(callback)

“推迟回调在下一个DOM更新周期之后执行。在更改了一些数据以等待DOM更新之后，请立即使用它。”

注意：您无法访问vue的this。您必须将其保存在另一个变量之外，也可以使用es6 arrow function定义回调函数。