亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

<p>I'm trying to open a popup in a rendered list with custom content from an API request. </p> <p>Currently, I have the following code: </p> <pre class="brush:php;toolbar:false;"><template> <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">Put the content of the pop-up window here</div> </div> </template> <script lang="ts"> import { defineComponent } from "vue"; export default defineComponent({ data () { return{ items: [], } }, created(){ this.axios.get("///API URL") .then(response => (this.items = response.data.feed.entry)) }, methods: { } }) </script></pre> <p>I want to have another hidden div inside the v-for and when I click on the link, the popup appears. </p> <p>I have all the data for the popup in the items array. </p>

data() {
    return {
        modalState: false
    }
}

<div class="biblio__all">
      <a v-for="i in items" v-bind:key="i.id" class="biblio__item">
          <!-- 擁有模態(tài)框和主要項(xiàng)目代碼的組件 -->
          <subitem :item="i" />
      </a>

  </div>