在antd中 使用form去回显或者新增表单数据时,select的placeholder不显示
如下例子:新增的时候,默认地址是空 “” 或者 null, 都不好使
解决:model.region?model.region:undefined获取值的时候判断没有就赋值undefined
<a-form-item label="地区">
<!-- <a-input v-decorator="['region', { initialValue: model && model.region, rules: [{ required: true, message: '请输入地区' }] }]" placeholder="请输入地区" :max-length="18" /> -->
<!-- <a-cascader :options="cityOptions" placeholder="请选择地区" @change="onChange" :fieldNames="fieldNames" v-decorator="['region',{initialValue: model && model.region,rules: [{ required: true, message: '请选择地区' }]}]" /> -->
<a-select
v-decorator="[
'region',
{ initialValue: model && model.region?model.region:undefined,rules: [{ required: true, message: '请选择地区' }] },
]"
placeholder="请选择地区"
>
<a-select-option v-for="(item,index) in cityData" :key="index" :value="cityData[index] ">
{{ item }}
</a-select-option>
</a-select>
注意,form中的日期datePicker相关的日期的空,初始值要用 null
可以显示了