antd select的placeholder不显示问题

在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

 可以显示了

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值