javascript - Card 组件的按钮单击在 Vuetify 中不起作用

Question

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

但我注意到点击此类按钮不起作用( 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

点击事件的内联处理程序的作用域是 Vue 实例，而不是窗口。因此，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.