为vue2-daterange-picker设置自定义范围栏时，“ TypeError：range.clickRange不是函数”

问题描述

我使用Innologica/vue2-daterange-picker v0.4.3，它在没有范围插槽的情况下工作正常。我想通过在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 + click”，则可以看到第三方源代码，表示该函数存在。

有人遇到过类似的问题吗？如何解决？

解决方法

我必须更新为v0.5.1，它现在可以正常运行！