关于 and design vue select dropdownRender 加入 input 引发的问题 (已解决)

关于 Vue design select dropdownRender 加入 input 引发的问题 (已解决)

预期本来想达到的想过如图:

图片描述...

一番操作猛如虎…

    <a-select ref="selectInput" v-model:value="value" >
        <template #dropdownRender="{ menuNode: menu }">
            <div ><a-input v-model:value="search" id="inputSearch" placeholder="请输入关键词" /></div>
            <v-nodes :vnodes="menu" />
        </template>
        <a-select-option :label="v.name" :value="v.id" v-for="(v, k) in options" :key="k">
            {
  { v.name }}
        </a-select-option>
    </a-select>

由此发现一个问题: 点击展开下拉后,再次点击搜索输入框时,选择框被关闭了!

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值