Как привязать отправу POST запроса к событию dblckick на Vue.js?

Question

[MarEeeeee]

Код для обработчика моего дабл клика. В этот же момент, я хочу чтобы данные о elem.fileName были отправленны на сервер и там обработаны

methods:{
        clickOnRow: function(event, elem){
          this.clicks++ 
          if(this.clicks === 1) {
            var self = this
            this.timer = setTimeout(function() {            
            console.log("одинарный");                 
              self.clicks = 0
            }, this.delay);
          } else{
             clearTimeout(this.timer);
             console.log("двойной");
             console.log(elem.fileName);
             this.currentElem = elem.fileName;
             this.$emit('current-elem',this.elem.fileName);
             this.clicks = 0;    
          }        	
        }
    }
}

Answer 1

[WapSter]

Например так
<div class="element" @dblclick="sendPost"></div>

methods: {
      async sendPost() {
        const response = await fetch('url',{
          method: 'POST',
          headers: {
            'Content-Type': 'application/json'
          },
          body: JSON.stringify({'Тело запроса'})
        })
      }
}

Comments

[MarEeeeee]

Кажется это работает, но на сервер приходит пустое значение.

fetch('/currentDir1',{
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: elem.fileName
                })

Серверная часть

router.post('/currentDir1',(req, res) =>{  // request for sending file
    console.log("POST");
    console.log(req.params);    
})