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]'应该是用户点击的那个人的索引。

Answer 1

创建一个selectedMember 字段并让它保存ID。然后将你的模式基于它并仅更改 selectedMember 字段。我已经更新了你的笔：http://codepen.io/anon/pen/KNrYvz

VueJS show information in modal based on clicked list entry's index