[JavaScript知识库]封装elementui el-date-picker年份组件

封装elementui el-date-picker年份组件

Vue.component('mydatepicker', {
    props: {
        datatime: {
            type: String,
            default: '2021'
        },
        timetype:{
            type: String,
            default: 'month'
        },
        valueformat: {
            type: String,
            default: 'yyyy-M'
        },
        placeholder: {
            type: String,
            default: '请选择'
        }
    },
    template: `<el-date-picker @change="changepicker" :value-format="valueformat" class="datepicker" v-model="time"
                                    :type="timetype"
                                    :placeholder="placeholder">
        </el-date-picker>`,
    data() {
        return {
            time:this.datatime
        }
    },
    mounted() {

    },
    methods: {
        changepicker(val) {
            console.log("时间组件changepicker", val)
            this.$emit('changepicker', val)
        }
    }
})