卡组件的按钮单击在Vuetify中不起作用

Question

我使用Vuetify的Card组件，在操作中您可以创建按钮。

但是我注意到对此类按钮的点击不起作用（Codepen）：

<v-card-actions>
    <v-btn flat color="orange" @click="alert(888)">Share</v-btn>
    <v-btn flat color="orange">Explore</v-btn>
</v-card-actions>

我尝试使用native（@click.native="alert(888)"），但在这种情况下点击也不起作用。

我想念什么？

Answer 1

click事件的内联处理程序的作用域为Vue实例，而不是window。因此，Vue在组件上寻找一种alert方法，但没有找到。

---

只需在您的组件中添加一个方法即可调用alert：

methods: {
  onClick() {
    alert(888);
  }
}

然后将其用作点击处理程序：

<v-btn flat color="orange" @click="onClick">Share</v-btn>

---

Here's a working version of your codepen example.