vue H5项目：利用vant ui二次封装的选择月份的日历组件

vant里面只有选择天数的日历没有选择月份的，所以我自己又封装了一个组件。
在这里插入图片描述

标题

上代码：
这是封装的子组件：

父组件调用：
导入

import datecomponent from “@/views/achievement/components/date.vue”;
1
注册

components: {
datecomponent
},
1
2
3
标签及事件：

<datecomponent @datebutton=“datebutton” />
1
methods：{
datebutton(Datenum) {
console.log(Datenum)
},
}
1
2
3
4
5
组件通过this.$emit(‘datebutton’,Datenum)把参数传过去。
最终得到的时间格式：如202011

可以看下效果图：（结果打印在控制台了）
在这里插入图片描述