vue.js: how to handle click and dblclick events on same element

Question

I have a vue component with separate events for click/dblclik. Single click (de)selects row, dblclick opens edit form.

Answer 1

selectedFolder = ''; // string of currently selected item
folderSelected = false; // preview selected item

selectFolder(folder) {
    if (this.selectedFolder == folder) {
        // double click
      this.folderSelected = false;
      this.$store.dispatch('get_data_for_this_folder', folder);
    } else {
      // single click
      this.selectedFolder = folder;
      this.folderSelected = true;
    }
},