函数既携带标签事件又携带参数

原创于 2021-11-11 13:46:41 发布 · 864 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

vue 同时被 2 个专栏收录

30 篇文章

订阅专栏

前端环境

7 篇文章

订阅专栏

这段代码展示了如何在Vue中使用v-for指令遍历数据并动态设置样式，同时通过<img>标签响应式绑定事件处理函数moduleData，该函数接收事件及数据参数，用于进一步的数据操作和处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div v-for="(item,index) in posData" :key="index" class="datamodule"   :style="{left:((Number(item.x?(item.x*1):0)*4.5 ) + 'px'),top:((100 + Number(item.y?item.y*1:0)*4.5 ) + 'px')}"  >
     <img :src="imgState(item.status + item.deviceType)"       
      @click="moduleData(...arguments,item)">
</div>

//获取事件以及携带的数据
moduleData(e,data){
    console.log(e,'标签的事件')
    console.log(data,'携带的参数')
}