bug-Ant中a-select的placeholder不生效（绑定默认值为undefined）

1.问题

Ant中使用a-select下拉框时，placeholder设置输入框显示默认值提示，vue2+ant

null与undefined在js中明确的区别：

• null： 一个值被定义，定义为“空值”
• undefined： 根本不存在定义

2.解决

2.1 a-select使用v-model绑定值

问题代码

<a-form-model-item>
    <a-select  v-model="ScoreType" placeholder="请选择"  @select="Change">
	</a-select>
</a-form-model-item>

 data(){
     return{
	    ScoreType: null,
     }
   }

v-model绑定的默认值为null,绑定了placeholder，并未显示默认提示，null值默认为空，顶替了placeholder提示。

更改v-model绑定值为undefined

 data(){
     return{
	    ScoreType: undefined,
     }
   }

2.2 a-select中使用 :valueAPI(三元判断值为null设定为undefined)

<a-form-model-item>
    <a-select  :valse="ScoreType ? ScoreType : undefined" placeholder="请选择"  @select="Change">
	</a-select>
</a-form-model-item>

 data(){
     return{
	    ScoreType: undefined,
     }
   }

3.总结

在Vue2使用AntDesign的a-select组件时，若要显示默认提示，需注意v-model的初始值。当绑定值设为undefined，placeholder才会显示。使用AntDesign的a-select组件时value属性结合三元运算符处理。