Vue.js Vuejs：仅隐藏动态表中的一行

我试图用

单击事件

替换

表

上的

输入

但当我单击时，我将所有行转换为输入，我只想转换我正在单击的那一行

{{student.name}
{{student.lastname}
{{学生.电话}
{{学生地址}
{{学生.城市}
{{学生.国家}

添加一个名为

currentId

的属性，该属性引用当前编辑的元素，该元素使用

-1

初始化，并在单击行时更新：

<button v-if="isEditing" class="btn 
btn-primary btn-circle btn-sm" title="Guardar"
 @click="editReact(student.id, true)" >

---

然后将

v-if=“isEditing”

替换为

v-if=“isEditing&&student.id==currentId”

添加一个名为

currentId

的属性，该属性引用当前编辑的元素，该元素使用

-1

初始化，并在单击行时更新：

<button v-if="isEditing" class="btn 
btn-primary btn-circle btn-sm" title="Guardar"
 @click="editReact(student.id, true)" >

---

然后将

v-if=“isEditing”

替换为

v-if=“isEditing&&student.id==currentId”

您可以简单地将

isEditing

用作（最初为空）字符串，并用活动行id填充它，而不是使用两个道具。是的，你是对的，我保留了那个属性，因为他在某个地方需要它，但是

v-if=“student.id===currentId”

就足够了。你可以简单地使用

isEditing

作为（最初为空）字符串并用活动行id填充它，而不是使用两个道具。为了理智起见，可能会将它重命名为

editingRowId

。是的，你是对的，我保留了那个属性，因为他在某个地方需要它，但是

v-if=“student.id==currentId”

就足够了