Vue.js 2/Javascript mouseoverメソッドmouseinとmouseoutでイベントを適用する

Question

私の質問は、mouseoverとmouseoutの両方でVueメソッドを実行するのではなく、mouseoverでVueメソッドを実行する方法です。例えば

ここでは、私はそれが現在mousein /マウスアウトの両方を発射されて、私はいくつかのデータをループしていると私はこの方法しか一度に発射するshowSkill()と呼ばれたいのVue、、で使用していますテンプレートです：

私はこれがVueの問題よりも多くのイベントの問題だと思う

showSkill(skill) { 
    jQuery(`#${skill.nickname}`).empty() 
    this.drawDonutChart(`#${skill.nickname}`, (skill.level/100).toFixed(2) * 100, 200, 200, '.35em') 
}, 

：ここ

<div class="col-md-3" v-for="skill in skills" :key="skill.id"> 
    <label :for="skill.nickname">{{ skill.name }}</label> 
    <div :id="skill.nickname" @mouseover="showSkill(skill)"></div> 
</div> 

は方法です。どんな提案も大歓迎です！

Answer 1

修飾子onceを使用してください。

<div :id="skill.nickname" @mouseover.once="showSkill(skill)"></div>