Ant Design Vue 选择器 select组件的placeholder不显示,还报错

Ant Design Vue select 选择器组件 placeholder 不显示,还报错

最近在项目中遇到这样的一个问题 ant 的选择器组件默认值没效果,而且在控制台还报错,记录下自己踩的这个坑,希望能帮助到你。
图如下

在这里插入图片描述

解决方法如下
<a-select>
	placeholder = "请选择合作商户状态"  //如果想让后面的默认显示字回显的话   下面的 v-model 绑定的默认值 statusCode 一定要是个 == undefined ==  不可以是空字符串 ' ' 
	v-model="statusCode"  // statusCode = undefined  正确   statusCode = ' ' 错误
<a-select/>

总结:空字符串给到这个 ant 组件让它默认展示会让 placeholder 失效,致使让其以为有值,所以给个 undefined 想要的默认显示效果就出现了。 记住 placeholder 前面也不要加 :,不然绝对会报错,错误也是这个大部分原因吧。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

想学吉他!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值