Vue3组合式API：如何用Computed过滤q-select并排除指定选项

你只需要把要排除的ID放到一个数组中，利用数组的includes方法过滤即可，修改你的filtrageListeEmployeurs计算属性如下：

computed: {
  filtrageListeEmployeurs() {
    // 定义需要排除的ID集合
    const excludedIds = [1, 5];
    // 从localStorage获取选项数组，为空时兜底空数组
    const options = JSON.parse(localStorage.getItem('OptionsListeEmployeurs')) || [];
    // 过滤掉ID在排除集合中的项
    return options.filter(item => !excludedIds.includes(item.id));
  }
}

核心逻辑说明：

• 把要排除的ID统一放在excludedIds数组里，后续要新增排除项直接往数组里追加即可
• !excludedIds.includes(item.id)表示只保留ID不在排除集合中的选项
• 保留|| []的兜底处理，避免localStorage中无对应数据时出现报错

内容的提问来源于stack exchange，提问作者Kaddour Fellah