实现如图效果
期望:点击输入框可以正常输入 下拉框不会收起,选择option时下拉框可以正常收起。
思路:通过open控制select的收放。
<template>
<div @mousedown="e => {
e.preventDefault()
this.selectOpen = true
}">
<a-select default-value="lucy" style="width: 300px" :open="selectOpen" @select="handleSelect">
<div slot="dropdownRender" slot-scope="menu">
<div style="padding: 4px 8px; cursor: pointer;display: flex">
<a-input @click="e=>e.target.focus()" />
<a-button icon="plus" type="link" @click="addItem">Add</a-button>
</div>
<a-divider st