vue -ant-design select - с включенным showSearch, автофокус и метод focus () не фокусируют ввод - PullRequest
Новая
       5

vue -ant-design select - с включенным showSearch, автофокус и метод focus () не фокусируют ввод

0 голосов
/ 06 января 2020

Использование vue -ant-design select для отображения выпадающего списка выбора с возможностью поиска

Из документации я написал следующий компонент 

<template>
  <a-select
    showSearch
    placeholder="Select a person"
    optionFilterProp="children"
    style="width: 200px"
    @focus="handleFocus"
    @blur="handleBlur"
    @change="handleChange"
    :filterOption="filterOption"
  >
    <a-select-option value="jack">Jack</a-select-option>
    <a-select-option value="lucy">Lucy</a-select-option>
    <a-select-option value="tom">Tom</a-select-option>
  </a-select>
</template>
<script>
  export default {
    methods: {
      handleChange(value) {
        console.log(`selected ${value}`);
      },
      handleBlur() {
        console.log('blur');
      },
      handleFocus() {
        console.log('focus');
      },
      filterOption(input, option) {
        return (
          option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
        );
      },
    },
  };
</script>

После выбранной опции фокус не работает. Как это исправить?

...