有没有办法使用@click (v-on:click)打开一个模式，同时关闭另一个模式(已经打开)？

<template>
  <div>
    <button @click="openModal1">打开模式1</button>
    <button @click="openModal2">打开模式2</button>

    <div v-if="showModal1">
      <!-- 模式1的内容 -->
    </div>

    <div v-if="showModal2">
      <!-- 模式2的内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showModal1: false,
      showModal2: false
    };
  },
  methods: {
    openModal1() {
      this.showModal1 = true;
      this.showModal2 = false;
    },
    openModal2() {
      this.showModal1 = false;
      this.showModal2 = true;
    }
  }
};
</script>