vue获取当前点击对象的下标,和当前点击对象的内容
<li v-for="(item,index)in tabList" v-on:click="addClass(index,$event)" >{{item.title}}</li>data里面声明:data() {return {tabList: [{ id: 0, title: "首页1&
·
<li v-for="(item,index) in tabList" v-on:click="addClass(index,$event)" >{{item.title}}</li>
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;
//获取点击对象
var el = event.currentTarget;
console.log("当前对象的内容:"+el.innerHTML);
console.log(this.current)
}
更多推荐
已为社区贡献16条内容
所有评论(0)