vue v-for 点击当前行,获得当前行数据,以及event当前事件对象

1.v-for 循环,定义一个点击事件 传入两个参数,如下图,当前事件对象必须加上 ‘$’ 符号

	<li v-for="(item,index) in data" :key="index"
        @click="operate(item,$event)">
       <span>{{item.title}}</span>
     </li>

不加$报错:
在这里插入图片描述

加上$: 点击行之后获得当前行数据 以及当前事件对象

methods:{
    operate(item,event){
      console.log(item)
      console.log(event)
    }
 }

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43233914/article/details/89373045