如何让整个div/wrapper在Vue中点击时打开选择下拉菜单？

<template>
  <div class="wrapper" @click="toggleDropdown">
    <!-- 其他内容 -->
    <div class="dropdown" v-show="isDropdownOpen">
      <!-- 下拉菜单内容 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isDropdownOpen: false
    };
  },
  methods: {
    toggleDropdown() {
      this.isDropdownOpen = !this.isDropdownOpen;
    }
  }
};
</script>

<style>
.wrapper {
  cursor: pointer;
  /* 其他样式 */
}
</style>