当前位置:   article > 正文

antd中a-select多选时下拉选择后自动关闭下拉框_ant design vue select 下拉关闭

ant design vue select 下拉关闭

1.多选框为多选时自动关闭下拉框,首先给a-select打一个ref,比如: ref="multiSelect",再给这个a-select一个change事件,

2.当选择框发生变化时也就调用了这个事件,再书写定时器已实现效果

  1. <a-form-item>
  2. <a-select
  3. v-model:value="queryParam.entlist"
  4. mode="multiple"
  5. placeholder="请输入企业名称"
  6. size="large"
  7. style="width: 80%"
  8. :default-active-first-option="false"
  9. :filter-option="false"
  10. :not-found-content="null"
  11. allowClear
  12. showArrow
  13. @search="listCompany"
  14. @change="handleChangeSearch(queryParam)"
  15. ref="multiSelect"
  16. >
  17. <a-select-option
  18. v-for="item in companyList"
  19. :value="item.value"
  20. :key="item.value"
  21. :disabled="setDisabled(item)"
  22. >
  23. {{ item.label }}
  24. </a-select-option>
  25. </a-select>
  26. </a-form-item>

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/151691
推荐阅读
相关标签
  

闽ICP备14008679号