代码之家 › 专栏 › 技术社区 › Billal Begueradj

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

vuetify.js vue.js javascript

Billal Begueradj · 技术社区 · 7 年前

我用 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)" )但在这种情况下,点击也不起作用。

我错过了什么?

1 回复 | 直到 7 年前

thanksd thibaut noah 7 年前

click事件的内联处理程序的作用域是Vue实例,而不是 window . 所以Vue正在寻找 alert 方法,但找不到。

只需向组件中添加一个要调用的方法 警觉的 :

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

然后将其用作单击处理程序:

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

推荐文章

Tyssen · Vue3组件中没有可用的道具

1 年前

Felix · 更改vuetify v-field标签字体大小

1 年前

Qiuzman · 如何确保v-combobox中的所有项目都遵循规则

1 年前

Iliya · @更新:Vuetify3中的分页?

2 年前

leojail · 如何在保持最右侧列对齐的同时,将项目包装在div中来对齐项目?

2 年前

Myriad · VueJS CSS动画未扩展到v-card/v-col之外

2 年前

tsiPlus · 从v-autocomplete vuetify组件中清除选择

2 年前

Developer · Vuetify快速失败不会阻止发送表单

2 年前

ekjcfn3902039 · Vuetify/Vue3插槽在模板之间隐藏

2 年前

KorbenDose · Vue Transition无法使用v-autocomplete

2 年前