AntDesign的select组件placeholder不现实问题

2022-07-29,,,

如下,select组件同时绑定了v-model和placeholder,当v-model绑定data中属性为空时,select绑定的placeholder属性不显示。

 <a-select v-model="level" placeholder="选择日志级别" style="width: 250px" allow-clear>
                <a-select-option value="info">一般</a-select-option>
                <a-select-option value="warn">警告</a-select-option>
                <a-select-option value="error">错误</a-select-option>
            </a-select>

placeholder是当前组件值为空时显示的替换文本,只有值为空的时候才会显示。当组件绑定了v-model且绑定值初始化时,值不再是空,即时初始化值为’'也视为有值,所以placeholder自然就不会显示。

结论,在antd中如果不进行初始化,那么值就是undefined,可显示placeholder

本文地址:https://blog.csdn.net/qq_42177478/article/details/109001859

《AntDesign的select组件placeholder不现实问题.doc》

下载本文的Word格式文档,以方便收藏与打印。