Vue.js - 如何使用点击处理程序从 div 块中获取数据？

Question

I have a Vue component. By clicking on it, you need to get information from all the fields in order to work with it in the future. How can I implement this?

<template>
    <div class = "row__elements">
       <div @click="event =>clickOnRow(event)" class = "row__element">
           <div class = "file-info"> </div>
           <div class = "file-info title"> {{elem.fileName}} </div>
           <div class = "file-info size"> {{elem.sizeOrType}} </div>
           <div class = "file-info date"> {{elem.dateOfChange}} </div>
        </div>   
    </div>
</template>

Answer 1

您可以将事件和任何其他参数传递给事件处理程序：

<div @click="clickOnRow($event,elem)" class = "row__element">