antd vue二次封装远程搜索下拉框组件,支持滚动分页

vue2中使用antd vueUI 二次封装远程搜索下拉框组件,支持滚动分页,单选和多选,最多选择数量限制,滚动获取数据防抖

具体组件代码如下

<template>
  <a-select
    :disabled="disabled"
    :mode="mode"
    :maxTagCount="maxTagCount"
    show-search
    allowClear
    :filterOption="false"
    :label-in-value="labelInValue"
    :placeholder="placeholderStr"
    style="width: 100%"
    :not-found-content="fetching ? undefined : notFoundContent"
    @search="handleSearch1"
    @change="handleChange"
    @popupScroll="popupScroll1"
    :value="selectValue"
    :getPopupContainer="(node) => node.parentNode"
  >
    <a-select-option
      v-for="item in dataOptions"
      :disabled="item.disabled"
      :key="item.id"
      :value="item[optionValueKey]"
      >{
  
  { item[optionLabelKey] }}</a-select-option
    >

    <a-select-option :disabled="true" key="loading"
      ><a-spin :spinning="fetching">
        <div style="height: 20px; text-align: c
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值