el-select 模糊查询

     <el-select
                  clearable
                  v-model="pageInfo.phone"
                  filterable
                  remote
                  reserve-keyword
                  placeholder="请输入手机号"
                  :remote-method="getAgent"
                  :loading="loading">
                <el-option
                    v-for="item in memberOptions"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                </el-option>
              </el-select>

const memberOptions = ref([])
const getAgent = (query: string) => {
  if (!query) return
  apiMemberQuery({phone: query}).then(res => {
    memberOptions.value = res.map((item: any) => {
      return {value: item.phone, label: item.phone};
    });
  })
}