<p>API リクエストからのカスタム コンテンツを含むレンダリングされたリストでポップアップを開こうとしています。 </p> <p>現在、次のコードがあります: </p> <pre class="brush:php;toolbar:false;"><テンプレート> <div class="biblio__all"> <a v-for="i in items" v-bind:key="i.id" class="biblio__item"> <div class="biblio__text"> <h3 class="biblio__title">{{ i.gsx$titre.$t }}</h3> <p class="biblio__author">{{ i.gsx$auteur.$t }}</p> </div> </a> <div class="hidden">ポップアップ ウィンドウのコンテンツをここに配置します</div> </div> </テンプレート> <script lang="ts"> import {defineComponent} from "vue"; デフォルトのエクスポートdefineComponent({ データ （） { 戻る{ アイテム: []、 } }、 作成した（）{ this.axios.get("///API URL") .then(response => (this.items = response.data.feed.entry)) }、 メソッド: { } }) </script></pre> <p>v-for 内に別の隠し div を置きたいのですが、リンクをクリックするとポップアップが表示されます。 </p> <p>ポップアップのすべてのデータが items 配列にあります。 </p>