vue ant desgin 下拉框禁用已选问题

想把应用名称demo这个,在下拉框中显示是禁用状态,这个应该怎么做

<a-select-option v-for="menu in menus" :key="menu.name" :value="menu.id" :disabled="menu.name==='Demo'">{{menu.name}}</a-select-option>

v-for的同时加个v-if

<a-select default-value="lucy" style="width: 120px" @change="handleChange">
      <a-select-option value="jack">
        Jack
      </a-select-option>
      <a-select-option value="lucy">
        Lucy
      </a-select-option>
      <a-select-option value="disabled" disabled>
        Disabled
      </a-select-option>
      <a-select-option value="Yiminghe">
        yiminghe
      </a-select-option>
    </a-select>

<a-select default-value="lucy" style="width: 120px" @change="handleChange">
      <a-select-option v-for="item in list" value="disabled" :disabled="item.val == true">
        Disabled
      </a-select-option>
    </a-select>

如果对你有帮助的话，麻烦给个采纳啊，非常感谢

给 menus 里 加一个 属性 disabled：true 然后 a-select-option上加 :disabled="menu.disabled"