HTML/vue.js -选中时禁用选择列表

<select v-model="selected" @change="disableSelected">
  <option v-for="item in items" :key="item.value" :value="item.value" :disabled="item.disabled">
    {{ item.text }}
  </option>
</select>

new Vue({
  el: '#app',
  data: {
    selected: null,
    items: [
      { text: 'Option 1', value: '1', disabled: false },
      { text: 'Option 2', value: '2', disabled: false },
      { text: 'Option 3', value: '3', disabled: false }
    ]
  },
  methods: {
    disableSelected() {
      this.items.forEach(item => {
        if (item.value === this.selected) {
          item.disabled = true;
        } else {
          item.disabled = false;
        }
      });
    }
  }
});