繁体   English   中英

如何跟踪用户对VueJS数组中的哪些项进行了更改?

How can I track which item(s) in a VueJS array have been mutated by the user?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个数组或对象,每个对象都有一些属性。 我正在使用v-for使用v-model创建带有文本输入的表,以便用户可以更改所需的任何项目的属性。

我想做的是跟踪用户已更改了哪些项目。 理想情况下,我将该项目的"mutated"属性更改为true。 这将使我能够轻松地进行视觉更改,从而提醒用户将更改保存到该元素。

现在,我正在使用@keydown ,但是有人可能会用鼠标粘贴/剪切。

这是我现在拥有的代码:

<tr v-for="(item, index) in Items" v-if="item.Active == 1" v-bind:class="{ 'mutated': item.mutated }">
<td>{{item.Keyword}}</td>
<td><input type="text" class="form-control" v-model="item.ID" @keydown="mutated(index)"></td>
<td><input type="text" class="form-control" v-model="item.Title" @keydown="mutated(index)"></td>
<td class="text-center pt-2">{{item.Inquiries}}</td>
<td>
    <button class="btn btn-sm btn-outline-danger" v-on:click="deactivate_pairing(index, item.ID)"><i class="material-icons">cancel</i></button>
    <button class="btn btn-sm"  v-bind:class="{ 'btn-success': item.mutated, 'btn-outline-success': !item.mutated }" v-on:click="update_pairing(index, item.ID)"><i class="material-icons">save</i></button>
</td>

您能提供的任何帮助将不胜感激!

1 个回复

也许我误解了您的问题,但是您不能只使用@change吗?

<td><input type="text" class="form-control" v-model="item.ID" @change="mutated(index)"></td>

您也可以使用@input

1 如何跟踪用户喜欢哪些帖子?

我正在开发一个允许用户喜欢内容的应用程序,如果用户喜欢该帖子,它将通过将轮廓心形图标更改为完全填充的心形图标来可视化。 我有一个列表页面,它将数据库中的每个帖子呈现为Content Card组件。 该组件包含上述图标。 为了决定组件应该用轮廓还是填充的心来呈现,我需要一种方法来确定用户是否喜欢相应 ...

2 如何跟踪哪些表已/已被修改

我想创建一个触发器来显示哪些表已/已被修改以及谁(哪些用户)更改了该表上的数据。 我发现下面的查询列出了过去 30 天内由 ALTER 语句修改的所有表,但没有解决: 它显示错误 ORA-00942 表或视图不可用。 这是具有类似问题的链接,但对于 MySQL: 在此处输入链接描述 @rj ...

3 如何跟踪收件人打开了哪些(或多少)封电子邮件?

我正在通过为有特殊要求的客户添加有关已成功发送,接收,打开等数量的已发送电子邮件的报告,来使我们的电子邮件发送工具更好,更完善。 我环顾四周,找不到任何可靠的方法来判断收件人是否打开了电子邮件,因为大多数电子邮件客户端似乎通常会忽略“读回执”请求。 有什么方法可以可靠地做到这一点,还是我 ...

2012-09-12 10:41:56 2 437   php/ email
5 我有用户可以检查的项目列表,如何跟踪已检查的项目?

因此,我有一个从数据库中读取的商品清单,然后用户可以选择(通过检查)要发送给他们的商品。 但是,我坚持尝试找出跟踪已检查项目的最佳方法。 我不打算在数据库中显示选中的标记,因此数据库是不可能的。 当他们说send时,是否应该在结尾处使用一个数组来搜索该数组并找到要检查的数组? 截至目前, ...

7 如何确定用户更改了数组中的哪些对象

我已经在这个问题上停留了一段时间。 我的应用程序中有一个数据表,用户可以为表中的每个记录修改一些字段。 然后,用户可以单击按钮并保存所有更改,这些更改将向数据库触发查询以更新记录。 我不想传递表中的每条记录(数据只是一个数组),而是传递经过修改的记录。 例如:原始玩家[0]: ...

8 Python的内置字典如何跟踪已插入的键?

我了解哈希表:原则上,您将密钥的数据存储在固定大小的数组中,索引/槽由密钥的哈希指定使用。 但是,Python的dict类具有dict.keys()方法,该方法返回dict的键列表。 该清单来自何处? (此外,遍历字典将隐式地遍历其键)。 我本人对此进行了思考,并确定了以下要求: ...

9 我怎样才能将数组位置分配给在c中由strtock_r拆分的字符串

以上是我的代码。 但是我尝试运行它几次却没有达到我想要的效果。 我正在寻求您的帮助。 我想做那个代码,如果数组pch有几个命令,它将把它们分成单个命令,例如 之后,它将这些命令拆分为子字符串,例如 进一步分为galvin encrypt和其他任务。 然后, if ...

2018-07-07 00:07:38 1 33   c
10 如何跟踪输入了OTP的用户?

我正在用php建立一个注册系统,在所有的细节都提供了注册之后,一个请求被发送到后端,然后它生成一个OTP并将响应发送到客户的电话,现在输入并提交OTP了,后端如何识别提供的OTP是针对哪个用户的? 我特别不想创建会话并发送带有OTP请求的令牌,客户端可以再次使用OTP发送回令牌以验证哪个用 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM