背景:
编写表单时, a-select 组件填写了placeholder,但是有时显示,有时不显示。效果如下:
- 接口返回
select
控件的值为null
- 接口返回
select
控件的值为空字符串
代码分析
vue源码:
了解a-select
组件用法
a-select
组件的placeholder
什么情况下展示:
- 当
value/v-model
绑定的值为undefined
、null
时 - 当没有选中任何选项时(对于多选模式则是没有选中任何选项)
- 当组件处于未禁用状态(即
disabled
属性不为true
)
结论:
表单使用接口响应数据初始化时,如果接口返回null
,展示placeholder
,如果返回是空字符串,不展示placeholder
。
如果在给表单中的select控件初始化数据时,数据为undefined
、null
时重置为空字符串,那select控件的placeholder
永远不会展示