在：
https://codesandbox.io/s/upbeat-hodgkin-qjt61?file=/src/components/editcategory.vue
在类别上长时间单击后，模式将按预期显示：

但是点击 OK 不点火 close 活动：

<template>
  <div>
    <p v-longclick="() => longClicked()" @click="longClicked()">
      {{ taskItemLocal["name"] }}
    </p>
    <div v-if="this.showModal" @close="closeModal()">
      <transition name="modal">
        <div class="modal-mask">
          <div class="modal-wrapper">
            <div class="modal-container">
              <div class="modal-header">
                <slot name="header"> Edit Category </slot>
              </div>

              <div class="modal-body">
                <slot name="name"> Edit Name </slot>
              </div>

              <div class="modal-body">
                <slot name="delete"> Delete Category </slot>
              </div>

              <div class="modal-footer">
                <slot name="footer">
                  <!-- default footer -->
                  <!-- EVENT NOT FIRING -->
                  <button class="modal-default-button" @click="$emit('close')">
                    OK
                  </button>
                </slot>
              </div>
            </div>
          </div>
        </div>
      </transition>
    </div>
  </div>
</template>
``` `closeModal()` 不叫,；改变 `showModal` “直接”也失败了。