解决ant-design-vue中Select组件v-model值为空字符串不显示placeholder的bug

方法一:

1.找到node_modules/ant-design-vue/es/vc-select/SingleSelector.js文件

搜索renderPlacehoder方法

将其修改为

html 复制代码
const renderPlacehoder = () => {
	const list = props.values.filter(val => val.value !== '');
	if (list[0]) {
		return null
	}
	...
}

2.在此文件中继续修改

1.找到${prefixCls}-selection-item

2.在箭头所指处添加

html 复制代码
&& title.value !== ''


然后保存,如果使用的vite,那么需要删除node_modules中的.vite缓存文件夹,并且重新运行项目且打开无痕浏览器查看

方法二

自己扩展一个my-select组件,监听v-model值,当值为空字符串时,将传给Select的v-model值设置为null,该方法较为简单,就不在详细描述

相关推荐
程序员黑豆19 分钟前
鸿蒙开发入门:以 Text 组件为例,掌握内置组件用法
前端·harmonyos
爱勇宝20 分钟前
AI不会淘汰所有人,但会淘汰这6种人
前端·后端·程序员
J船长40 分钟前
烂笔头扫盲:Embedding 与语义匹配:从概念到 pgvector 落地
前端
zithern_juejin1 小时前
深入理解 Vue 响应式原理:从 Object.defineProperty 到 Proxy 的全面进化
vue.js
程序员黑豆1 小时前
鸿蒙应用开发之模拟器安装与使用教程
前端·harmonyos
王莎莎2 小时前
MCP 解决的是工具接入,科研 Agent 还缺的是科学证据接口标准化
前端·人工智能
zhanghaha13142 小时前
Python语言基础:4_数据类型转换
java·前端·python
kyriewen2 小时前
别再写useMemo了——2026年这5个React性能优化已经是反模式
前端·react.js·ai编程
OpenTiny社区2 小时前
TinyRobot v0.5.0 新版本强在哪?
前端·vue.js·github
奇牙coding2 小时前
gpt-5.6-sol 接入指南:reasoning_effort 参数配置、推理链验证与常见报错排查
前端·css·gpt·ai