英文:
Unable to customize VueDatePicker
问题
<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 programmaticallydatepicker.value.closeMenu()}}</script>
英文:
<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 programmaticallydatepicker.value.closeMenu()}}</script>
I'm trying to customize the VueDatePicker with the implementation mentioned above, but I get an error saying that closeMenu() does not exist in type 'never'. I followed the implementation according to the VueDatePicker documentation, so I can't figure out where the problem is.
I want to solve this issue.
答案1
得分: 1
你可以尝试添加这个条件：
if (datepicker?.value) {// 关闭菜单datepicker.value.closeMenu()}
我在https://codesandbox.io/s/blissful-ully-qg6xpo?file=/src/App.vue 尝试重现了你的问题，但一切正常。
英文:
you can maybe juste add this condition :
if (datepicker?.value) {// Close the menu programmaticallydatepicker.value.closeMenu()}
I tried to reproduce your problem here https://codesandbox.io/s/blissful-ully-qg6xpo?file=/src/App.vue, but everything works fine
答案2
得分: 0
你可以做类似这样的事情。
import VueDatePicker from '@vuepic/vue-datepicker';const element = ref<InstanceType<typeof VueDatePicker> | null>(null);
或者
const element = ref(null as unknown as HTMLElement); // ref<HTMLElement>();
英文:
Hey you can do something like this.
import VueDatePicker from '@vuepic/vue-datepicker';const element = ref<InstanceType<typeof VueDatePicker> | null>(null)
OR
const element = ref(null as unknown as HTMLElement); // ref<HTMLElement>();
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论