acroDesign 中select组件不显示placeholder的问题_el-select 的 placeholder 设为空

作者：从前慢现在也慢 | 2024-07-27 15:57:11

踩

el-select 的 placeholder 设为空

问题：select组件同时绑定了v-model和placeholder，select绑定的placeholder属性不显示。


<a-select
    placeholder="请选择角色类型"
    :options="roleTypeList"
    :field-names="{ value: 'id', label: 'name' }"
    v-model="formModel.data.roleType"
></a-select>

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

解决办法：将v-model绑定值初始化时设为undefined即可显示

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/890766