当前位置: 首页 > article >正文

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

方法一:

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

在这里插入图片描述
搜索renderPlacehoder方法
将其修改为

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

在这里插入图片描述

2.在此文件中继续修改

1.找到${prefixCls}-selection-item
在这里插入图片描述
2.在箭头所指处添加

&& title.value !== ''

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

方法二

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


http://www.kler.cn/a/158581.html

相关文章:

  • C语言--数据在内存中的存储
  • 优盘恢复原始容量工具
  • Oracle Primavera P6自动进行进度计算
  • 【memgpt】letta 课程4:基于latta框架构建MemGpt代理并与之交互
  • python 语音识别
  • Google 和 Meta 携手 FHE 应对隐私挑战
  • windows使用YOLOv8训练自己的模型(0基础保姆级教学)
  • 代码随想录二刷 | 栈与队列 | 用队列实现栈
  • 华容道问题求解第一部分_思路即方案设计
  • 掌握反转链表的艺术:LeetCode 206 深入解析与优化 - 双指针与递归方法精讲
  • 关于队列的简单理解
  • JS--异步的日常用法
  • 在vscode下将ipynb文件转成markdown(.md文件)的方法
  • 12.4 C++ 作业
  • 【win32_003】不同字符集下的通用字符串语法TCHAR、TEXT、PTSTR、PCTSTR
  • 有趣的代码——有故事背景的程序设计3
  • 驱动模块--内核模块
  • Qt 布局讲解及举例
  • 打破界限:SQL数据库水平扩展的8大挑战与机遇
  • 【开源】基于JAVA的医院门诊预约挂号系统
  • (C++)有效三角形的个数--双指针法
  • 推荐6款本周 火火火火 的开源项目
  • SpringBoot学习笔记-实现微服务:匹配系统(下)
  • C语言初学4:C 存储类
  • RocketMQTemplate 发送消息的高级用法
  • 流程编排-java