如何跟踪Vue.js中的用户更改?

时间:2018-09-14 00:58:57

标签: javascript vuejs2 vuex

我有一个使用Vue.js构建的网站,我需要进行审核,并且可以选择为此网站实施取消功能,因此我正在寻找自己的选项/最佳做法。

假设我在data()中定义了一个 Items 数组,所以在created ()上,我正在执行Ajax请求并将数据推入该项目数组。

现在,用户加载了此页面并完成了工作,这对我来说意味着他更改了一些对象。假设每个Item是一个Customer对象,并且具有First nameLast nameDOB和一个IsActive布尔字段。

我想给该用户一个选项,可以将特定项目恢复到原始状态而无需重新加载任何东西,当他按下Save时,我想知道更改了什么(以便可以记录此信息)

到目前为止,我的想法是:

  1. 保留原始项目列表的副本,并在以后进行比较以查看更改内容或根据需要使用它还原对象
  2. 尝试利用watch()并跟踪更改。也许,我什至可以将这些信息存储在对象本身中。
  3. 按原样保留用户界面 ,并在后端(保存或更新时)从数据库中重新读取对象并在那里进行作业,因为无论如何这是唯一真正安全的审计方法。

跟踪更改和/或实施取消审核的最佳方法是什么?

也许我缺少一种Vue方式,因为我只是从其他框架切换到了Vue。

谢谢!任何帮助表示赞赏!

0 个答案:

没有答案