以反应方式更新Vue JS中的资源?

时间:2016-05-27 10:28:44

标签: javascript vue.js vue-resource

我想在每次用户更改页面上的数据时将表单数据保存到我的后端(理想情况下,超时等待用户停止进行更改然后保存)。

我已经想到了处理这个问题的几种方法。我可以在所有字段上放置更改事件来执行此操作。我也可以尝试使用一个计算变量,并在每次设置对象时添加对set方法的调用,但这看起来过于复杂。

我还没有看到很多人用Vue JS做这件事的例子。有明确的方法吗?有没有办法简单地说一下数据对象的变化,运行以下函数?

1 个答案:

答案 0 :(得分:1)

在输入中使用debounce属性:

https://vuejs.org/guide/forms.html#debounce

然后您可以使用Yerko建议的watch()方法。 Vue中的属性不会在超时后更新,此时您的watch功能将被触发。

如果这还不够强大,您必须保存setTimeout变量,然后取消它并使用watchclearTimeout函数中重新启动它。这并不像听起来那么复杂,只是一个额外的变量和一个深度监视功能。