项目中需要用到 Ant Design 的 MonthPicker 月份组件,但是不能用,引入后组件不能正常显示,控制台报错: vue.esm.js?efeb:628 [Vue warn]: Unknown custom element:
代码如下:
<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 了。