From 83a43c957729ffdec7ca8eb4f8ebd62a1c6b4abc Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期五, 15 八月 2025 15:23:05 +0800
Subject: [PATCH] fix: bug
---
packages/components/src/Calendar/Calendar.vue | 14 +++++++++++++-
1 files changed, 13 insertions(+), 1 deletions(-)
diff --git a/packages/components/src/Calendar/Calendar.vue b/packages/components/src/Calendar/Calendar.vue
index c973d70..acb8468 100644
--- a/packages/components/src/Calendar/Calendar.vue
+++ b/packages/components/src/Calendar/Calendar.vue
@@ -1,7 +1,12 @@
<template>
<div class="bole-calendar-wrapper">
<div :class="['bole-calendar-inner', { isCollapse }]">
- <nut-calendar-card v-model="model" class="bole-calendar"></nut-calendar-card>
+ <nut-calendar-card
+ v-model="model"
+ class="bole-calendar"
+ ref="calendar"
+ @change="handleChange"
+ ></nut-calendar-card>
</div>
<div :class="['bole-calendar-arrow', { active: !isCollapse }]" @click="toggle">
<DownArrow :size="12" :class="['bole-calendar-arrow-icon']" />
@@ -12,6 +17,7 @@
<script setup lang="ts">
import { DownArrow } from '@nutui/icons-vue-taro';
import { useToggle } from 'senin-mini/hooks';
+import { ref, watch } from 'vue';
defineOptions({
name: 'Calendar',
@@ -23,6 +29,12 @@
const model = defineModel<Date | Date[]>();
const { isCollapse, toggle } = useToggle(true);
+
+const calendar = ref();
+function handleChange(value) {
+ console.log('value: ', value);
+ console.log('calendar: ', calendar.value);
+}
</script>
<style lang="scss">
--
Gitblit v1.9.1