VueJS切换功能打开复选框

<template>
  <div>
    <button @click="toggleCheckbox">切换复选框</button>
    <div v-if="showCheckbox">
      <input type="checkbox" v-model="isChecked"> 复选框
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showCheckbox: true,
      isChecked: false
    };
  },
  methods: {
    toggleCheckbox() {
      this.showCheckbox = !this.showCheckbox;
    }
  }
};
</script>

<template>
  <div>
    <button @click="toggleCheckbox">切换复选框</button>
    <div v-show="showCheckbox">
      <input type="checkbox" v-model="isChecked"> 复选框
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showCheckbox: true,
      isChecked: false
    };
  },
  methods: {
    toggleCheckbox() {
      this.showCheckbox = !this.showCheckbox;
    }
  }
};
</script>