我们最近开始使用Vue和Vuetify。作为应用程序的一部分,我需要在Vuetify徽章上编写点击操作,但不确定为什么它没有起作用。我尝试了以下代码片段:
<v-badge bottom
left
overlap
:color="red">
<div slot="badge"
@click="togglePopover"
class="availability"></div>
<Avatar :objData="data.image"
:size="size"
:applyBoarder="applyBoarder">
<slot></slot>
</Avatar>
</v-badge>
<script>
export default {
methods: {
togglePopover(e) {
alert('click action');
}
}
</script>