无法自定义VueDatePicker

qgelzfjb  于 2023-04-21  发布在  Vue.js
关注(0)|答案(2)|浏览(114)
<template>
    <VueDatePicker v-model="date" ref="datepicker" />
</template>

<script setup>
import { ref } from 'vue';
const date = ref();
const datepicker = ref(null);

const yourCustomMethod = () => {
    if (datepicker) {
      // Close the menu programmatically
      datepicker.value.closeMenu()
    }
}
</script>

我尝试用上面提到的实现自定义VueDatePicker,但我得到一个错误,说closeMenu()不存在于类型'never'中。我根据VueDatePicker文档跟踪了实现,所以我无法找出问题所在。
我想解决这个问题。

z31licg0

z31licg01#

你可以添加这个条件:

if (datepicker?.value) {
   // Close the menu programmatically
   datepicker.value.closeMenu()
}

我试图在这里重现您的问题https://codesandbox.io/s/blissful-ully-qg6xpo?file=/src/App.vue,但一切正常

c90pui9n

c90pui9n2#

你可以做这样的事情。

import VueDatePicker from '@vuepic/vue-datepicker';
const element = ref<InstanceType<typeof VueDatePicker> | null>(null)

const element = ref(null as unknown as HTMLElement); // ref<HTMLElement>();

相关问题