场景
vue中单个div实现双击和单击
代码
<div v-for="tag in list" @dblclick="handleEdit(tag)" @click="handleChoice(tag)">{{tag.name}}</div>
data(){
return {
list: [{name: 1}],
time: null
}
},
methods: {
handleEdit(tag) {
clearTimeout(this.time);
this.list.forEach(item => {
item.editFlag = false;
})
tag.editFlag = true;
},
handleChoice(tag) {
clearTimeout(this.time)
this.time = setTimeout(() => {
tag.checked = !tag.checked;
xxxxxxxxxxxxxx
}, 300);
},
}
网友评论