如何定位不同的v-on：在Vue组件中使用相同的方法单击事件（显示/隐藏不同的元素）

Question

我有一个名为toggleShow的方法。我从2个不同的元素调用它，但我需要toggleShow来切换调用它的元素的v-if值。在vue.js中最干净的方法是什么？

CodeSandbox of my attempt

<template>
    <div @click="toggleShow">
      <button v-if="!isShowing">View Hidden Box 1</button>
      <div v-if="isShowing">
        <button>Close Hidden Box 1</button>
      </div>
    </div>

    <div @click="toggleShow">
      <button v-if="!isShowing">View Hidden Box 2</button>
      <div v-if="isShowing">
        <button>Close Hidden Box 2</button>
      </div>
    </div>
</template>


<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      isShowing: false
    };
  },
  methods: {
    toggleShow() {
      this.isShowing = !this.isShowing;
    }
  }
};
</script>