a-select vModel时placeholder不显示问题

本文主要是介绍a-select vModel时placeholder不显示问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

a-select vModel时placeholder不显示问题

问题描述：select 组件绑定了v-model和placeholder，v-model的value默认值为空字符串或者null时，select组件的placeholder属性不显示

<a-select v-model="value" placeholder="请选择"><a-select-option value="test">test</a-select-option>
</a-select>

placeholder是当前组件值为空时显示的替换文本，只有值为空的时候才会显示。那我理解空字符串和null在js中都可以是值为空的概念，为什么不显示placeholder呢？

因为在ant-design-vue中，当组件绑定了v-model且绑定值初始化时，值不再是空，即时初始化值为’'也视为有值，所以placeholder自然就不会显示。

那么怎么样才能代表值没初始化呢？两个办法：

1. 定义对象，v-model绑定form.value，在data里面定义form空对象，此时value这个就是未初始化的
2. value初始化未undefined，也能代表是未初始化的

其实两个方案是一个原理，初始化成undefined未定义就好啦。

这篇关于a-select vModel时placeholder不显示问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---