Vue에서 API 콘텐츠 렌더링을 사용하여 팝업 목록을 여는 방법
<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>
