Ant Design Vue a-select的placeholder不生效的问题

1. 在使用 a-select组件时，下拉框 placeholder 未显示 。  

   <a-select       
       v-model="defaultValue"
       :default-value="defaultValue"
       :placeholder="$t('common.placeholder')">
           <a-select-option v-for="select in child.options" :key="select.value">
               {{ select.label }}
            </a-select-option>
   </a-select>
   <script>
   export default {
       data() {
           return {
               defaultValue: ''
           }
       }
   }
   </script>

   

2. 空字符串在 v-model 默认是一个值，与 placeholder 冲突了，所有 placeholder 绑定的值没有显示出来。这时可以给 v-model 绑定的变量赋默认值：undefined。这个时候 placeholder 显示了。