在v-date-picker组件中添加ref属性,并使用watch监听组件内部input元素的blur事件,然后手动调用date picker组件的closeOnContentClick方法来关闭组件。示例如下:
<template>
<v-date-picker ref="datePicker" v-model="date"></v-date-picker>
</template>
<script>
export default {
data() {
return {
date: null
}
},
watch: {
'$refs.datePicker.$refs.input': {
handler(newValue, oldValue) {
if (oldValue) {
// 关闭组件
this.$refs.datePicker.closeOnContentClick()
}
}
}
}
}
</script>