Antd Vue的MonthPicker組件不能用，提示註冊的解決方法

• 2020 年 2 月 25 日
• 筆記

項目中需要用到 Ant Design 的 MonthPicker 月份組件，但是不能用，引入後組件不能正常顯示，控制台報錯： vue.esm.js?efeb:628 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

程式碼如下：

<a-month-picker v-decorator="['month']" format="YYYY/MM" placeholder="請選擇月份" />

查看 mian.js 文件，引入 MonthPicker 組件時，顯示沒有這個組件。

註冊了也沒用，還是報錯：

Vue.component(MonthPicker.name, MonthPicker);

解決方法：

實際上是 Ant Design 的文檔寫不夠清晰，加上月份組件個日期組件長得差不多，給人造成一個錯覺。

其實不需要再引入 MonthPicker ， MonthPicker 是在 DatePicker 的下一級，直接註冊一下就可以了：

Vue.component(DatePicker.MonthPicker.name, DatePicker.MonthPicker);

這樣就可以正常使用 MonthPicker 了。

聲明：本文由w3h5原創，轉載請註明出處：《Antd Vue的MonthPicker組件不能用，提示註冊的解決方法》 https://www.w3h5.com/post/477.html

本文已加入 騰訊雲自媒體分享計劃 (點擊加入)

(adsbygoogle = window.adsbygoogle || []).push({});