vue dblclick click

场景

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);
    },
}