如何专注于 vuejs 中的 v-for 中的输入

Posted

技术标签:

【中文标题】如何专注于 vuejs 中的 v-for 中的输入【英文标题】:How to focus on an input in a v-for in vuejs 【发布时间】:2021-12-14 09:01:37 【问题描述】:

我有一个 v-for 用于在我的 vue js 应用程序中发布我的所有 gif 当我在我的输入中写评论时,它会写在所有 gif 的所有输入中,我希望只关注 gif 输入问题

【问题讨论】:

欢迎来到 Stack Overflow,请不要发布图片,而是您的代码的可复制示例。 ***.com/help/how-to-ask 【参考方案1】:

因为您使用 v-model(双向绑定)将所有输入绑定到单个值(内容),所以如果您更改输入值,它将反映所有其他输入,因此您需要处理它带有一个数组。

【讨论】:

以上是关于如何专注于 vuejs 中的 v-for 中的输入的主要内容,如果未能解决你的问题,请参考以下文章

Vuejs - 如何使用 v-for 获取数组中的所有唯一值(删除重复项)

如何将检索到的数据从 v-for 绑定到 Vuejs 中的数据对象?

为啥条件渲染不适用于 vuejs 中的表单输入

如何在 Vue js 的 v-for 循环中使用 v-model

vuejs中的v-for怎样动态增加循环数据

VueJS(元素 UI)-> v-for 上相对 div 中的绝对定位 div