Question

我有一张卡片视图。有多张卡。我想要一张卡片的详细信息，同时点击该特定卡片。我不确定该怎么做？

<div class="container">
  <vu-page-card
    v-for="page in pageList"
    :key="page.id"
    :pageId="page.pageId"
    :pageItem="page.pageItem"
    :pageType="page.type"
    class="item"
    @onHomeRefresh="onHomeRefresh"
  />
</div>

如何修改或添加代码以获得此功能？任何简单的例子也适用

Answer 1

我不确定确切的用例。但是根据我从您提供的代码中看到的内容，您可以简单地将点击处理程序附加到组件并将卡片详细信息作为参数传递。

<div class="container">
  <vu-page-card
    v-for="page in pageList"
    :key="page.id"
    :pageId="page.pageId"
    :pageItem="page.pageItem"
    :pageType="page.type"
    class="item"
    @click="onCardClick(page)" ?
    @onHomeRefresh="onHomeRefresh"
  />
</div>

通过单击该卡片获取卡片的详细信息 - vue js

1 个答案: