javascript - vue.js中如何触发元素？

Question

它可以工作，但我需要在函数触发之前单击按钮两次。
怎样才能做到点击触发功能就可以呢？

export default {
  methods: {
        
    remove(){
      $('.remove-me button').click( function() {
        removeItem(this);
      }); 
        
      function removeItem(removeButton) {
        var productRow = $(removeButton).parent().parent();
        productRow.slideUp(fadeTime, function() {
        productRow.remove();
        recalculateCart();
      });
    }
    
  }  
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
  <div class="remove-me">
    <button type="button" @click="remove">Remove</button>
  </div>
</template>

Answer 1

那里不需要 jquery，通过将 @click 添加到按钮，可以在没有 jquery 的情况下触发删除功能。

更多信息:https://v2.vuejs.org/v2/guide/events.html