问题: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即可显示
博客指出Vue的select组件同时绑定v-model和placeholder时,placeholder不显示的问题。原因是绑定v-model且初始化值后,值不再为空,placeholder就不显示。解决办法是将v-model绑定值初始化为undefined,这样placeholder就能显示。
1631

被折叠的 条评论
为什么被折叠?



