有没有可能用VueJS和BootstrapVue禁用一个页面的所有输入？

<template>
  <div>
    <input type="text" v-bind:disabled="isDisabled">
    <button v-bind:disabled="isDisabled">Submit</button>
    <!-- 其他输入元素 -->
  </div>
</template>

<template>
  <div>
    <input type="text" v-bind:disabled="isDisabled">
    <button v-bind:disabled="isDisabled" @click="disableInputs">Disable Inputs</button>
    <!-- 其他输入元素 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      isDisabled: false
    };
  },
  methods: {
    disableInputs() {
      this.isDisabled = true;
    }
  }
};
</script>