addEventListener("transitionend", ()=>{...})方法回调函数执行多次问题

今天在使用vue写plugin的时候 遇到一个问题，在dom对象调用

$el.addEventListener("transitioned", ()=>{})

方法时，回调中的函数会执行多次，后来发现是因为transition中的变化值有多个，因此会执行多次回调函数。
解决方法如下:

let flag = false;
$el.addEventListener('transitionend',(e)=>{
    if(e.target === $el && flag){
       //.. your Func
       flag = true;
    }
})