ant design vue的a-select下拉框,实现既能输入内容,也可以下拉选择的效果 - SECRET_COMBOBOX_MODE_DO_NOT_USE

参考: https://juejin.cn/post/7358446362575355914

<template>
请选择:
<a-select v-model:value="keyValue"
allowClear
mode="SECRET_COMBOBOX_MODE_DO_NOT_USE"
show-search
style="width: 20%"
:options="options" @change="handerChange">
</a-select>
<br />绑定最新值:{{ keyValue }}
</template>
<script setup>
import { ref } from 'vue';
const options = ref([]);
const keyValue = ref('');
for (let i = 10; i < 36; i++) {
const value = i.toString(36) + i;
options.value.push({
label: value,
value,
});
}
const handerChange = (value) => {
}
</script>
posted @   Felix_Openmind  阅读(2615)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示