如何在Vue.js中禁用基于其他选择的一个选择的选择选项？

<template>
  <div>
    <select v-model="selectedOption">
      <option v-for="option in options" :value="option.value" :disabled="isOptionDisabled(option)">
        {{ option.label }}
      </option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' },
      ],
    };
  },
  computed: {
    isOptionDisabled(option) {
      // 根据其他选择的选择结果来判断是否禁用特定选项
      if (this.selectedOption === 'option1' && option.value === 'option2') {
        return true;
      }
      return false;
    },
  },
};
</script>