Как заставить vue динамически фильтровать параметры при вводе в поле поиска?

Question

Я хочу, чтобы vue динамически фильтровал параметры, доступные в поле поиска, когда мы вводим его. На данный момент он просто отображает весь список параметров без какой-либо фильтрации (даже если мы вводим).

<el-form-item label="Filename" required>
              <el-select
                v-model="queryform.fileUuid"
                :remote-method="getFilenames"
                :loading="loading"
                filterable
                remote
                reserve-keyword
              >
                <el-option
                  v-for="(item, idx) in filenameOptions"
                  :key="idx"
                  :label="item.filename"
                  :value="item.uuid"
                />
              </el-select>
            </el-form-item>

filenameOptions заполняется и содержит объекты следующей формы:

{"filename": "foo", "uuid": "bar"}

Следующий блок кода, который следует за тем же logi c, что и предыдущий блок, работает должным образом:

              <el-select
                v-model="form.project"
                :remote-method="getProjects"
                :loading="loading"
                filterable
                remote
                reserve-keyword
              >
                <el-option
                  v-for="(item, idx) in projectOptions"
                  :key="idx"
                  :label="item.key"
                  :value="item.key"
                />

Я не знаю, что не так . Приветствуется любое понимание.

Answer 1

У вас есть метод getFilenames, определенный и работающий аналогично примеру в документах для удаленного поиска ? Поскольку у вас есть атрибут :remote-method, определенный в элементе el-select, вам необходимо убедиться, что вы предоставили допустимую функцию фильтрации.

Если вы просто хотите отфильтровать метки параметров на основе вводимых пользователем данных набрав в элемент select, вы можете найти options filtering select element `cleaner для использования.