我使用Innologica/vue2-daterange- picker v0.4.3,它在没有范围插槽的情况下工作正常。我想通过遵循官方文档来添加范围插槽(对我们如何使用范围插槽进行了简单的复制粘贴):
<!-- ranges (new slot syntax) -->
<template #ranges="ranges">
<div class="ranges">
<ul>
<li v-for="(range, name) in ranges.ranges" :key="name" @click="ranges.clickRange(range)">
<b>{{name}}</b> <small class="text-muted">{{range[0].toDateString()}} - {{range[1].toDateString()}}</small>
</li>
</ul>
</div>
</template>
我可以看到 UI 的变化,但是当我点击范围时,我得到了这个错误:
[Vue warn]: Error in v-on handler: "TypeError: ranges.clickRange is not a function"
在我的 IDE 中,如果我“cmd+click”clickRange( )
函数,我可以看到第三方源代码,这意味着函数存在。
有没有人遇到过类似的问题,你是如何解决的?