避坑--a-select 什么时候展示placeholder ??

背景:

编写表单时, a-select 组件填写了placeholder,但是有时显示,有时不显示。效果如下:

  • 接口返回select控件的值为null
    在这里插入图片描述
  • 接口返回select控件的值为空字符串
    在这里插入图片描述

代码分析

vue源码:
在这里插入图片描述
在这里插入图片描述

了解a-select组件用法

a-select组件的placeholder什么情况下展示:

  • value/v-model绑定的值为undefinednull
  • 当没有选中任何选项时(对于多选模式则是没有选中任何选项)
  • 当组件处于未禁用状态(即disabled属性不为true

结论:

表单使用接口响应数据初始化时,如果接口返回null,展示placeholder,如果返回是空字符串,不展示placeholder

如果在给表单中的select控件初始化数据时,数据为undefinednull时重置为空字符串,那select控件的placeholder永远不会展示
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值