筛选不存在选项后如何重新触发el-select的remote-method？是否为Element Plus Bug？

1. 筛选不存在的选项后，如何重新触发el-select的remote-method？ #

可以通过监听下拉框的visible-change事件，在下拉框展开时手动重置查询条件并触发远程方法，具体实现如下：

• 为el-select添加@visible-change事件监听：

<el-select 
  ref="selectRef"
  allow-create
  default-first-option
  filterable
  multiple
  reserve-keyword
  :remote="true"
  :remote-method="filterOptions"
  @visible-change="handleVisibleChange"
>
  <!-- 选项内容 -->
</el-select>

• 在脚本中实现处理逻辑，通过ref获取组件实例，清空查询关键词并调用远程方法：

const selectRef = ref(null);
const handleVisibleChange = (visible) => {
  if (visible) {
    const currentQuery = selectRef.value.query;
    // 根据实际场景判断是否需要重置，比如当前选项仅含自定义创建的"Own"
    if (currentQuery && /* 你的选项判断逻辑，比如options.length === 1 && options[0].label === 'Own' */) {
      // 重置查询关键词
      selectRef.value.query = '';
      // 手动触发远程筛选方法
      filterOptions('');
    }
  }
};

核心思路是利用下拉框展开的时机，主动清空历史无效查询词并触发远程方法，从而重新拉取完整选项列表。

2. 这是否属于Element Plus的Bug？ #

这不属于Element Plus的Bug，是符合当前属性配置的预期行为：

• 你启用了reserve-keyword属性，该属性的作用就是保留用户输入的查询关键词，当下拉框重新展开时，关键词未发生变化，因此不会触发remote-method（组件默认仅在关键词变更时触发远程请求）。
• 如果需要展开时强制刷新，就需要通过上述自定义事件的方式手动触发，而非依赖组件的默认行为。

内容的提问来源于stack exchange，提问作者Nathaniel Yu