解决ant-design中<a-select>怎么显示不了placeholder中默认值的解决方法

解决方法

先看一段代码片段,如下所示:

<a-select
      placeholder="请选择"
      allow-clear
      v-model:value="searchBody[column.key]"
      @change="search"
      style="width: 100%;"
      :default-active-first-option="true"
>
      <a-select-option value="办公区">办公区</a-select-option>
</a-select>

首先这个v-model的值是searchBody[column.key],如果想要显示其placeholder的默认值在select组件中显示,v-mode绑定的初始值,也就是刚进页面的值为null或者undefined才可以,不能为’'空字符串,要不然显示不了默认值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值