VueJS 根据点击列表条目的索引以模态显示信息

Question

我是vuejs的新手，不确定如何继续。

我有一系列包含名称和作业位置的对象。这些对象显示为带有按钮的列表。当用户单击按钮时，弹出的模态弹出显示了点击的人名称及其作业。

如何获得模式以显示正确的信息？

<div id="modal">
  <h2 class="membername">Name: {{ members[0].name }}</h2>
  <p class="memberposition">Position: {{ members[0].position}}</p>
</div>

vuejs括号中的'[0]'应该是用户单击的任何人的索引。

http://codepen.io/leetzorr/pen/qgjozr

Answer 1

创建一个selectedMember字段，然后保存ID。然后将您的模态基于它，并仅更改selectedMember -Field。我已经更新了您的笔：http：//codepen.io/anon/pen/knryvz