"TypeError: ranges.clickRange is not a function" when setting a custom range slot for vue2-daterange-picker

Question

我将 Innologica/vue2-daterange-picker v0.4.3, it was working fine without range slot. I wanted to add range slot by following the official documentation 与类似的东西一起使用（制作了一个我们如何使用范围槽的简单复制粘贴）：

    <!--    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 中，如果我在 clickRange( ) 函数上“cmd+单击”，我可以看到第三方源代码，这意味着该函数存在。

有没有人遇到过类似的问题，你们是怎么解决的？

Answer 1

我必须更新到 v0.5.1，它现在运行良好！