<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> </템플릿> <스크립트 lang="ts"> "vue"에서 import {defineComponent }를 가져옵니다. 기본 정의 내보내기({ 데이터 () { 반품{ 항목: [], } }, 만들어진(){ this.axios.get("///API URL") .then(응답 => (this.items = response.data.feed.entry)) }, 방법: { } }) <p>v-for 안에 또 다른 숨겨진 div를 갖고 싶은데 링크를 클릭하면 팝업이 나타납니다. </p> <p>항목 배열에 팝업에 대한 모든 데이터가 있습니다. </p>