私はvueJSを初めて使用し、進め方がわかりません。
名前と職位を含むオブジェクトの配列があります。これらのオブジェクトは、ボタン付きのリストとして表示されます。ユーザーがボタンをクリックすると、クリックされた人の名前とその仕事を表示するモーダルがポップアップ表示されます。
モーダルに正しい情報を表示させるにはどうすればよいですか?
<div id="modal">
<h2 class="membername">Name: {{ members[0].name }}</h2>
<p class="memberposition">Position: {{ members[0].position}}</p>
</div>
vuejs括弧内の「[0]」は、ユーザーがクリックした人のインデックスである必要があります。
selectedMember
フィールドを作成し、IDを保存させます。次に、モーダルをそれに基づいて、selectedMember
フィールドのみを変更します。私はあなたのペンを更新しました:http://codepen.io/anon/pen/KNrYvz
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加