antd select palceholder不显示

一晌贪欢i

于 2022-03-24 13:48:41 发布

阅读量563

点赞数 1

分类专栏： Vue框架的总结文章标签： ant design vue

本文链接：https://blog.youkuaiyun.com/qq_27674439/article/details/123706872

版权

Vue框架的总结专栏收录该内容

15 篇文章

订阅专栏

当Ant Design的Select组件的v-model绑定的初始值为''或null时，placeholder不会显示。解决这个问题的方法是将默认值设置为undefined。例如，在Vue中，可以在data选项中将初始值设为undefined，如`imageId: undefined`，这样可以确保placeholder正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当select的value绑定一个state默认值时，如果默认值是’'或null时，placeholder不生效

解决方案：默认值设为undefined
例如：

 <a-select
              v-model="imageId"
              placeholder="请选择私有镜像"
              @change="handleImageChange"
              
            >

  data() {
imageId: undefined,
}