Vue获取下标和内容
<li v-for="(item,index) in tabList" v-on:click="addClass(index,$event)" >{{item.title}}</li> data() { return { tabList: [ { id: 0, titl
·
<li v-for="(item,index) in tabList" v-on:click="addClass(index,$event)" >{{item.title}}</li>
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)
}
更多推荐
已为社区贡献3条内容
所有评论(0)