Vue JS：单击时传递循环的当前对象

Posted 2023-02-22

【中文标题】Vue JS：单击时传递循环的当前对象

【英文标题】：Vue JS: Passing the current object of loop on click

【发布时间】：2021-08-06 11:59:36

【问题描述】：

我有一个正在使用循环的数据。如果她/他单击用户部分，管理员将看到一个弹出窗口。我有以下代码：

在用户列表页面中

<template>
   <header class="headings">
    <div class="headings_title">
        <h3 class="text-center"> User List</h3>
        <div class="text-center" v-for="user in users" :key="user.id">
          <div class="user-section" @click="showModel">
            <User :user="user"/>
          </div>
       </div>
    </div>
   </header>
</template>

User 组件正在运行，并且已显示用户名、地址。但是，如果管理员单击特定用户，他/她必须能够看到与他/她单击的用户相关的其他信息。我还想在模式中传递user 数据，以便我可以显示与用户相关的其他详细信息。我该怎么做？

【参考方案1】：

其实很简单：

<div class="user-section" @click="showModel(user)">...</div>

(See inline handlers in docs)

【讨论】：

模型在另一个页面中，所以我必须从 UserList 组件传递任何东西并在 UserModal 组件中接收任何东西吗？因为仅仅这样做是行不通的

我们不知道您的showModel 函数看起来如何，所以很难说。可能是一个全新的问题。另外：模型和模态是不一样的——注意你使用的是哪一个。

我已经编辑了我的问题。你能不能说一下我是否走对了。

这真是一个全新的问题，对不起。查找“如何将数据传递给引导 vue 模态”。回答了“在单击时传递当前循环对象”。 ***.com/questions/51271337/…