ant design vue的select組件placeholde不起作用的解決辦法

在使用組件a-select 中 添加v-model 綁定，會容易造成 select屬性的placeholder失效：

原因時因為palceholder的機制時如果沒有輸入值就會顯示，如果有值（v-model雙向綁定一般都有默認值）就不會再顯示了

因此我們經常使用初始化數據為空或null的習慣，讓placeholder找到值為空或null 

解決方法初始化默認值改為undefined

擴展：undefined:在使用var聲明變量但未對其加以初始化時，這個變量的值就是undefined

　　null:null值表示一個空對象指針，而這也正是使用typeof操作符檢測null值時會返回"object"的原因。

如果定義的變量准備在將來用於保存對象，應該將該變量初始化為null。

 

代碼：

<a-form-model-item label="指定日期">
                <a-select v-model="form.zhidingDay" placeholder='請選擇日期'>
                    <a-select-option v-for="(v,i) in choseSpecial" :value="v.value">
                        {{v.name}}
                    </a-select-option>
                </a-select>
            </a-form-model-item>
form: {zhidingDay:undefined,//指定日期}