问题:select组件同时绑定了v-model和placeholder,select绑定的placeholder属性不显示。
<a-select v-model="level" placeholder="选择日志级别">
<a-select-option value="info">1</a-select-option>
<a-select-option value="warn">2</a-select-option>
<a-select-option value="error">3</a-select-option>
</a-select>
原因:placeholder是当前组件值为空时显示的替换文本,只有值为空的时候才会显示。当组件绑定了v-model且绑定值初始化时,值不再是空,即时初始化值为’'也视为有值,所以placeholder自然就不会显示。
解决办法:将v-model绑定值初始化时设为undefined即可显示