как закрыть муравьиный дизайн- vue выбрать опцию при отпускании мыши? - PullRequest
Новая
       10

как закрыть муравьиный дизайн- vue выбрать опцию при отпускании мыши?

1 голос
/ 14 января 2020 
<a-select
    showSearch
    placeholder="Select a person"
    optionFilterProp="children"
    style="width: 200px"
    :open="open"
    @mouseenter="openSelect"
    @mouseleave="closeSelect"
  >
    <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>

data() {
  open: false,
}

methods: {
  openSelect() {
    this.open = true;
  }
  closeSelect() {
    this.open = false;
  }
}

как закрыть вариант ant-design- vue, когда пользователь больше не использует его? Я пытался с помощью onBlur и onMouseLeave. а также я попытался создать функцию onFocus () {this.open = true} и функцию onBlur () {this.open = false}, но все еще не работает

mouseleaveevent будет срабатывать после того, как указатель не в поле, но вариант по-прежнему не сможет выбрать

1 Ответ

1 голос
/ 14 января 2020

http://vue.ant-design.cn/components/select/#events

в соответствии с do c для выбранного компонента, поддерживается событие mouseleave. попробуйте использовать @mouseleave="foo", чтобы установить параметры невидимыми

...