1 <Select value={value? value: undefined} placeholder={"请选择"} open={false} onClick={this.onChange}></Select> value 就是当Select的initialValue绑定的一个默认值(比如通过props传递的值),如果默认值是''或null时,placeholder不会生效。赋予initialValue的变量值为空('')或null,但是Select还是接收了该空...
当select value有值、""、null的时候,设置placeholder无效,需要设置value为undefined,placeholder可正常显示。 在form中 nitialValue 设为undefined。
使用antd的Select组件遇到了placeholder无法使select选择框显示默认文字。 文档传送门:https://ant.design/components/select-cn/ 代码 当我这样去写时,发现placeholder并没有作用 之后发现是initialValue的问题。组件内部大概把除了undefined的值 都当作有value 所以不显示placeholder了 解决办法: 1 不使用 initialValue 2 ...
最近在用antd写表单的时候遇到个问题:Form,Select组件一起使用时,设置Select组件的placeholder属性并没有起作用。如下图: 发现Select组件的placeholder属性并没有起作用。 排查 对...
Antd中,Form和Select联合使用,导致placeholder不生效分析,在使用antd的form组件时候,需要对Select组件进行语体示,placeholder,但是写的值并不生效效果如上,但是现实的时候不生效,经检查发现,组件需要传递的是undefined,如果传入null,会默认写成null具体出现此现象
// a-select <a-select v-model:value="value"placeholder="搜索学生"show-searchoptionFilterProp="label"@change="handleChange"> <a-select-optionv-for="item in classArray":key="item.studentNumber":value="item.studentNumber":label="item.name"> ...
select-err.png 应该将a-select-option标签修改为Option标签 <Optionvalue="jack">Jack</Option> 解决 select组件的"placeholder"属性不生效 解决:select组件通过v-model绑定值,初始化的时候如果指定值为空,则placeholder属性不生效,只有初始化时让相应的值等于undefined时,才可生效。
(this)}> <FormItem {...formItemLayout} label="导航配置版本名称" hasFeedback > <Select labelInValue defalutValue={defaultName} size="large" placeholder="请选择导航配置名称" style={{ width: '100%' }} onChange={this.handleChange.bind(this)}> {option} </Select> </FormItem> </Form> ...
(this)}> <FormItem {...formItemLayout} label="导航配置版本名称" hasFeedback > <Select labelInValue defalutValue={defaultName} size="large" placeholder="请选择导航配置名称" style={{ width: '100%' }} onChange={this.handleChange.bind(this)}> {option} </Select> </FormItem> </Form> ...