当前位置:   article > 正文

Vue - Ant Design Vue 中 <a-select> 选择器组件,既可以选择下拉又可以手动输入文本功能,让 select 选择器同时拥有下拉选择和输入文本(支持手动输入文本和下拉选择)

a-select

前言

网上的代码基本上都是无效的,且代码非常乱还有bug。

本文 实现了在 vue/nuxt + ant design vue 组件库中,选择器 select 既可下拉选择又可自己手动输入(既能从下拉框选择又可以像文本框一样输入文字),

您可以直接复制代码运行,并且保证该功能完美无 BUG!


如下图所示,选择器组件能直接从下拉框中选择,同时也可以直接输入文本效果,

示例代码干净整洁,无论 js/ts 都可以使用!

在这里插入图片描述

示例代码

随便找个页面,一键复制运行起来查看效果。

您只需要复制代码,运行起来即可。

<template>
  • 1
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/120755
推荐阅读