Vuetify 日历@click:more 激发@click:day

Question

我遇到了 v-calendar 组件的问题，为了简单起见，我有一个

@click:date

和

@click:day

事件，它们执行相同的操作（打开模式）。

我看看日历是否有多个事件不受本机支持，并且显示带有更多事件的按钮（参见此）

我们必须使用的获取事件是

@click:more

，问题是当我点击更多按钮时

@click:day

同时启动。

所以，解决方案对我来说非常简单，作为修饰符停止

@click.stop:more

或

@click:date.more

，但我收到以下错误

$event.stopPropagation is not a function

。

现在，我不太确定我需要什么，我的点击也有同样的问题

@click:event

我通过使用插槽事件并在元素上设置@click来解决这个问题。

Answer 1

我用我认为不太好的方法解决了这个问题。 但这就像预期的那样并且不会影响任何东西，如果我们不能使用 .stop 事件可能是个好方法。

删除 v-calendar 应答器上的

@click:day

，添加到模板中：

<template v-slot:day="day">
  <div class="tw-h-full" @click="openModalDay(day)" />
</template>

Tw-h-full 用于获取一天的整个高度。 请注意，“更多”按钮没有可用的模板。

并在v日历上添加

@click:more

，一切正常，同时没有触发事件。