vue判断是否双击_vue.js如何判断多次点击时是否为同一个元素

看起来现在有两个逻辑

1.首次点击时改变css(这里可以通过active name增删样式)

2.反复点击改变箭头方向(绑定一个值，true or false来决定箭头方向)

——

刚才再看了一下才发现是我想岔了，原来首次点击是不改变箭头方向的

{{item.name}}

↑

↓

这里加个方法

data(){

return{

lastIndex: '',

currentIndex: '',

list: [{

name: '房价',

idDown: false

},{

name: '房价',

idDown: false

}]

}

},

methods: {

isChangeArrow(index){

//是否首次点击

//是 => 改变currentIndex => 改变color => 上一次点击还原

//否 => 改变箭头方向

this.currentIndex = index;//为了控制color

if(this.lastIndex && this.lastIndex !== index){

//首次点击

this.list[this.lastIndex].isDown = false;//上一次点击还原

}else if(this.lastIndex == index){

//二次点击以上

this.handleClike(index)

}

this.lastIndex = index;

},

handleClike(index){

this.list[index].isDown = !this.list[index].isDown;

}

}

不知道有没有理解错