时间戳

首页 > 解决方案 > 通过单击该卡获取卡的详细信息-vue js

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

问题描述

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

<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>

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

标签： javascriptvue.jsvuejs2

解决方案

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

<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>

推荐阅读