今天在用公司自己封装的app组件库进行开发时,使用封装的Field和Calendar 配合实现日期选择的时候,出现了日历组件无法关闭的问题,具体代码如下
<zt-field :name="calendarString" :label="calendarString" @click="isShowCalendar=true">
<template #input>
{
{params.date}}
<zt-calendar
:title="calendarString"
@confirm="pickDate"
v-model:show="isShowCalendar"
color="#1989fa"
:min-date="minDate"
:max-date="maxDate"
/>
</template>
</zt-field>
js代码
const isShowCalendar = ref(false)
watch(
() => isShowCalendar.value,
() => {
console.log(isShowCalendar.value)
},
)
const currentDate = new Date()
//当前日期前一年
const minDate = computed(() => {
return new Date(