Ant Design Vue 选择器 select组件的placeholder不显示,还报错

Ant Design Vue select 选择器组件 placeholder 不显示,还报错

最近在项目中遇到这样的一个问题 ant 的选择器组件默认值没效果,而且在控制台还报错,记录下自己踩的这个坑,希望能帮助到你。

图如下

在这里插入图片描述

解决方法如下
<a-select>placeholder = "请选择合作商户状态"  //如果想让后面的默认显示字回显的话   下面的 v-model 绑定的默认值 statusCode 一定要是个 == undefined ==  不可以是空字符串 ' ' v-model="statusCode"  // statusCode = undefined  正确   statusCode = ' ' 错误
<a-select/>

总结:空字符串给到这个 ant 组件让它默认展示会让 placeholder 失效,致使让其以为有值,所以给个 undefined 想要的默认显示效果就出现了。 记住 placeholder 前面也不要加 :,不然绝对会报错,错误也是这个大部分原因吧。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部