好资源导航 » 文章资讯 » vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作

vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作

2023-07-16 22:14:03 527

前言

在v-for循环语句上，定义一个点击事件传入两个参数（当行数据、当前事件对象），如下代码片段，当前事件对象必须加上‘$'符号

不加'$‘报错：

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

如果本篇文章对你有帮助的话，很高兴能够帮助上你。

补充知识：vue获取当前点击对象的下标，和当前点击对象的内容

如下所示：

{{item.title}}

data里面声明：

data(){
return{
tabList:[
{id:0,title:"首页1"},
{id:1,title:"首页2"},
{id:2,title:"首页3"}
],
current:0
};
},

methods:{
addClass:function(index,event){
this.current=index;
//获取点击对象
varel=event.currentTarget;
console.log("当前对象的内容："+el.innerHTML);
console.log(this.current)
}

以上这篇vuev-for点击当前行,获取当前行数据及event当前事件对象的操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作

热门推荐

随机推荐