Vuejs2 VUEJS列表项可通过按钮@click进行编辑（按钮位于另一个组件中）

我需要使列表项在单击时可编辑。 我有一个模板，其中有一张显示列表项的卡片，还有一个按钮组件，其中包括一个将触发modify（）的按钮。单击此按钮时，列表项应成为文本输入，并在底部显示保存按钮

我读过contentEditable=true，但我不知道在哪里设置它。如果是@click，按钮组件需要知道列表项。 如何让按钮知道这些列表项？

应该是

。。。那么道具呢？

以下是包含列表项的模板：

活动详情

在

组件内部，编辑按钮：

<b-button 
  variant="warning" 
  @click="edit"
>

你知道我该怎么做吗

---

谢谢

我从您的问题描述中了解到，您需要一个视图表单，用户单击按钮后可以编辑该表单。如果是这样的话，我认为这将是有用的。当用户单击编辑按钮时显示可编辑表单，即在函数中更改表单的标志。由于Vue本质上是被动的，它将显示该特定行的形式。如果您可以共享此组件的完整代码，将更加清楚。没有更多代码可显示，因为我不确定如何继续。事实上，不仅仅是简单的代码，我还在寻找一个关于如何处理它的推理。我通过v-for呈现了一系列列表项（我发布了这部分代码）。当@click时，是否可以在文本输入中“转换”它们？嗯，我知道这是（最简单的方式），我更关心如何做，因为触发此操作的按钮位于另一个组件中。

<b-button 
  variant="warning" 
  @click="edit"
>